WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Thumbnails Cropped (10 posts)

  1. L41N1E
    Member
    Posted 1 year ago #

    Hi,
    My Gallery is cropping everyones heads off.
    http://lainiedesignland.com/usadance/photo-gallery/
    I have unchecked the box "Crop thumbnail to exact dimensions (normally thumbnails are proportional)
    Any help would be great.
    Lainie

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    It's best to keep Settings > Media to WP default sizes / settings.

    In a gallery, when displaying portrait and landscape images together, try using "Medium" size in the gallery shortcode ( instead of leaving it empty which will use default setting as Thumbnail cropped size ).

    Suppose all images are uploaded directly to the post, the code would be this.

    [gallery size="medium" link="file"]
  3. L41N1E
    Member
    Posted 1 year ago #

    Hi Thanks
    Can you tell me where to do this:
    " try using "Medium" size in the gallery shortcode ( instead of leaving it empty which will use default setting as Thumbnail cropped size )."
    Where is the Gallery shortcode?
    This is the only code I can find in reference to the Gallery
    <p style="text-align: center;">[gallery link="file" ids="83,82,81,80,79,78,77,76,75,74,73,72,71,70,69,"]

    Is this an option to add that only when creating a new gallery or can I adjust the one I have.
    Thank you.

  4. paulwpxp
    Font hero
    Posted 1 year ago #

    Try putting size="medium" into it.

    Are those images uploaded directly to that post ? If so, use the code above, it's more direct and cleaner.

  5. L41N1E
    Member
    Posted 1 year ago #

  6. paulwpxp
    Font hero
    Posted 1 year ago #

    Just an FYI, this background image abstract-background1.jpg is costing 1 MB for each page load.

    For this type of image, it's best saved as 8bit png, and when optimized ( whether jpg or png ) it will be reduced greatly in size.

  7. L41N1E
    Member
    Posted 1 year ago #

    Thank you.
    Should I interlace when I save it or no?
    Lainie

  8. paulwpxp
    Font hero
    Posted 1 year ago #

    In this case, the difference is too little. It wouldn't matter much, because this image is not to be big in size, we want it to be light for smooth page load.

    The interlace is if you prefer image to be loaded blurry first and then become crisp, or top down loading. It will matter only if the image is big in file size and require a long time to load.

  9. paulwpxp
    Font hero
    Posted 1 year ago #

    @L41N1E your optimized bg image is now still almost 1M and optimization is not really about reducing the size(in dimension).

    This file is 82KB at 1,200px × 1,013px ( same size ) as your original which is 1MB
    http://i.imgur.com/kOyNhYY.png

    This file is 55KB at 900px × 760px
    http://i.imgur.com/6DXJjpq.png

    This bit of CSS will make bg img span full width of body.

    html body, html body.custom-background {
    	background-attachment: fixed;
    	background-position: top center;
    	background-repeat: no-repeat;
    	background-size: cover;
    }
  10. L41N1E
    Member
    Posted 1 year ago #

    Much better thank you!

    Would you like to also help me resolve my problem with my posts?
    http://wordpress.org/support/topic/site-off-center-error-message-when-clicking-on-post?replies=4#post-4442286

Topic Closed

This topic has been closed to new replies.

About this Topic