WP Images -- are they all square???

Discussion in 'Blogging' started by buffalo, Oct 14, 2008.

  1. #1
    I'm working on a new page for my blog...

    I am trying to add several images in to the post. On the "Write Page" page, I put the cursor at the spot in the text where I want the picture inserted. (Using the Visual editor) I click on the "Add an Image" icon and the box opens for me to upload the file. The picture that I am trying to use is 400x259, but when it finishes uploading, WP has cropped it into a square. I want it to be a thumbnail, but is there anyway to get it to leave the height/width ratio alone? :confused:
     
    buffalo, Oct 14, 2008 IP
    craiger22 and Tearabite like this.
  2. craiger22

    craiger22 Well-Known Member

    Messages:
    1,472
    Likes Received:
    99
    Best Answers:
    0
    Trophy Points:
    170
    #2
    When you upload the image it uploads the original in original size and format, crops it to a medium size, and a thumbnail. You can choose which one you want to use with the image manager.

    Example: You upload the image and are sent to where you can add description, alt, and such. At the bottom you choose alignment and which size you want to insert into your post.

    Thumbnail (crops to square)
    Medium ( resizes image to have largest side of 300 by default. By default this will not cop it to a square)
    Full size ( the actual size you uploaded)

    You can also edit your settings in settings-->misc.

    Does that help?
     
    craiger22, Oct 14, 2008 IP
    buffalo likes this.
  3. buffalo

    buffalo Illustrious Member

    Messages:
    11,528
    Likes Received:
    1,014
    Best Answers:
    0
    Trophy Points:
    410
    #3
    No. And yes. :p

    It shows the preview as square, no matter which option you chose (thumbnail, medium, full size) It doesn't change until you hit "insert into page"... But then it was bigger than what I wanted.

    But then I did some more looking and I found the Advanced Image Editor, where I can change the width to 150 to make it thumbnail size, and then change the height proportionately to keep the same ratio.... :D

    So you got me started and I found a way to make it work. :cool:

    Thanks. ;)
     
    buffalo, Oct 14, 2008 IP
  4. deluxdon

    deluxdon Catch Me If You Can...!!!™ Staff

    Messages:
    25,481
    Likes Received:
    1,943
    Best Answers:
    32
    Trophy Points:
    480
    #4
    Hey buffy,

    You can also insert image in your post using below given code. Using this code you can adjust height,width as well as position of image (rightside,leftside etc.).

    <div style="float:left; padding:0 10px 10px 0;"><img src="http://www.yourdomain.com/images/image.jpg" alt="" width="200" height="150" /></div>
    Code (markup):
    Hope it helps.

    DON.
     
    deluxdon, Oct 15, 2008 IP
    wisdomtool likes this.
  5. life.rocks

    life.rocks Peon

    Messages:
    275
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #5
    when the picture is uploaded wp will add some width & height you just remove them in html
     
    life.rocks, Oct 15, 2008 IP