Options

Preview size for images embedded in blog page

kcentrickcentric Registered Users Posts: 23 Big grins
edited April 6, 2014 in SmugMug Support
Hello

Many fewer problems so many fewer questions lately. I must be getting more smug. I do have a blog on my site and I have some links to images in Smugmug. They work fine, it's just the preview image in the blog is not very sharp if I expand the size of the image box on the page. The links look something like this:
<a  href="http://www.keithedmunds.com/Allbytown/Granville/i-N6psDSW/A"  target="_blank"><img class="alignleft" style="border: 1px solid  black;" alt=" "  src="http://www.keithedmunds.com/Allbytown/Granville/i-N6psDSW/0/Th/IMG_1914-4-Th.jpg"  width="247" height="165" /></a>

I tried to edit the "Th.jpg" to read "Sm.jpg" thinking I would get a better preview size, but it doesn't look any sharper. The page in question is at http://blog.keithedmunds.com

Any suggestions on how to get a sharper preview on the blog page?

Comments

  • Options
    LindyLindy Registered Users Posts: 202 Major grins
    edited April 6, 2014
    Hi kcentric,

    247 x 165 is a custom size, not one of the simple display copy sizes. Our team is looking into issues with custom image sizes, right now. We'll be sure to bring this thread to their attention.

    Thanks!
    Lindy
    SmugMug Support Hero
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,245 moderator
    edited April 6, 2014
    I don't know if this will make a difference given Lindy's statement that smug is looking into problems with custom sizes, but this might be worth a try. Instead of using this:
    <img class="alignleft" style="border: 1px solid  black;" alt=" "  src="http://www.keithedmunds.com/Allbytown/Granville/i-N6psDSW/0/Th/IMG_1914-4-Th.jpg"  width="247" height="165" />
    

    Try specifying the size in the src= statement, like this:
    <img class="alignleft" style="border: 1px solid  black;" alt=" "  src="http://www.keithedmunds.com/Allbytown/Granville/i-N6psDSW/0/[B]247x165[/B]/IMG_1914-4-[B]247x165[/B].jpg"  />
    
    Replace both instances of "Th" with the size you want to use.

    --- Denise
  • Options
    kcentrickcentric Registered Users Posts: 23 Big grins
    edited April 6, 2014
    Denise, that worked perfectly. You definitely get the big-brain-award for that one! In the case of each link I just replaced both instances of the "Th" with the size that I had already chosen for the photo in the blog and it is as sharp as a tack. You might want to pass that over to the developers of the Smugmug WordPress Plugin since that was how I generated the code to embed those images in the first place.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,245 moderator
    edited April 6, 2014
    kcentric wrote: »
    Denise, that worked perfectly. You definitely get the big-brain-award for that one! In the case of each link I just replaced both instances of the "Th" with the size that I had already chosen for the photo in the blog and it is as sharp as a tack. You might want to pass that over to the developers of the Smugmug WordPress Plugin since that was how I generated the code to embed those images in the first place.
    I'm glad to hear that worked for you. I've been using custom sizes like that for a long time. I grab the code from Share... Get a link... in smug, then change it to use the custom size.

    --- Denise
Sign In or Register to comment.