WordPress.org

Ready to get started?Download WordPress

Forums

Inserted Images Cropped on Site (8 posts)

  1. Mark Klinefelter
    Member
    Posted 11 months ago #

    I appreciate everyone's help. People here are very helpful. My question is not rocket science but need help. My site is under construction: http://www.petvetoasis. I have an image cropping issue. My media settings are set at 150x150px for thumbnail. Here is my procedure: I upload an image to my media library. I crop it to my
    specifications, add alt tags etc.... I am writing now about sporting breeds (I am a DVM). I insert the dog breed pix from my library, usually using the thumbnail for a smaller picture. When one views the site, the image is cropped even more; chopping out the head of the dog!
    I unchecked the box under media setting where there is no cropping but a proportionate resizing of the image. No go. I am not a coder but would appreciate any help in what i am doing wrong. Thanks. Mark

  2. CrouchingBruin
    Member
    Posted 11 months ago #

    How comfortable are you with editing the HTML? Try this on one of your images and see if it works for you.

    Edit your Sporting Breeds page using the Text editor (not the Visual Editor).

    Look for this piece of code:

    <a href="http://www.petvetoasis.com/wp-content/uploads/2013/07/Brittany-Spaniel-e1374504984467.jpg"><img class="size-thumbnail wp-image-562 " alt="A Brittany Spaniel standing alone in a field." src="http://www.petvetoasis.com/wp-content/uploads/2013/07/Brittany-Spaniel-e1374504984467-150x150.jpg" width="150" height="150" /></a>

    That bit towards the end where it says /Brittany-Spaniel-e1374504984467-150x150.jpg? Take off the -150x150 (include the hyphen before the first 150), which is what WordPress tacks on to the name of the file when it creates a thumbnail. That way, you will be using the native file instead of the thumbnail, which will give you the proper proportions, but the width and height attributes of the img tag will still keep the image at a small size.

  3. Mark Klinefelter
    Member
    Posted 11 months ago #

    Just got up and saw your reply. Have to be away from a computer all day and will try your suggestion late afternoon today, FL time. If it works, have to do this to all images? No problem editing html as long as someone more knowledgeable than I tells me what to do! Is this fix what most people do or could something be added to the WP "machine"? Thank you again and will respond to your post late today.

  4. Mark Klinefelter
    Member
    Posted 11 months ago #

    Bruin! Thank you, thank you so much! Your suggestion worked like a charm the first time I took out the -150x150.....Do I have to do this to all images, or is there a work around in wordpress via a plugin. If I have to do it manually, so be it but thought i would ask. Thanks again!

  5. esmi
    Forum Moderator
    Posted 11 months ago #

    Navigate too Settings -> Media, uncheck "Crop thumbnail to exact dimensions" and save your changes. Then install & run http://wordpress.org/extend/plugins/regenerate-thumbnails/

  6. Mark Klinefelter
    Member
    Posted 11 months ago #

    Thank you Esmi! I have already unchecked the crop thumbnail button in the media settings. In relation to my situation what will the regenerate plugin do in simple language? I can't believe other designers with WP have not had this issue ie: cropping an individual to one's liking, inserting it and finding it half chopped up! Thank you!

  7. esmi
    Forum Moderator
    Posted 11 months ago #

    In relation to my situation what will the regenerate plugin do in simple language?

    It will re-generate all previously uploaded images that were hard cropped.

  8. Mark Klinefelter
    Member
    Posted 11 months ago #

    Thank you all for your help!

Reply

You must log in to post.

About this Topic