Photon Image Optimization

  • Resolved TheHungryGeek

    (@thehungrygeek)


    8 years, 12 months ago

    Hi I have a question about Photon’s image optimization.

    Thumbnails were set at 216×160, but I wanted to show larger size images on mobile browsers. Simply enabled Photon and set the image width to 100% to fill up the width of the mobile browser screen and Photon automatically delivered a higher resolution image. This saved me the trouble of amending thumbnail sizes and regenerating thumbnails.

    This worked for tablets as well, where I needed a larger image and set the image width to a 70% fill. Photon delivered the optimum resolution image.

    However, when the same browser sizes were done on my desktop, i.e. when I resized my window and refreshed the browser, I was stuck with a pixelated blown up thumbnail. Is it possible to get Photon to optimize images for desktop browsers as well, where the requested image size is larger than the targeted thumbnail?

    https://www.ads-software.com/plugins/jetpack/

Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    where the requested image size is larger than the targeted thumbnail?

    That might be the problem here. Photon serves the image as it was specified in WordPress. It doesn’t know about the CSS you may have added to change image sizes. If you’d like to use a larger image somewhere, it might be best to edit your theme so it uses larger images to begin with. Photon will then replace that larger image by a Photon-optimized version.

    I hope this clarifies things a bit. If that doesn’t seem to help, could you post a link to an example so I can check and try to understand what happened?

    If you want your site URL to remain private, you can also contact us via this contact form:
    https://jetpack.me/contact-support/

Viewing 1 replies (of 1 total)
  • The topic ‘Photon Image Optimization’ is closed to new replies.