Thumb size is “yuuuuuge” (cit.)

  • Resolved carodani

    (@carodani)


    8 years, 4 months ago

    Feed images are way too big, 640px or even 800px, I understand they are kind of compressed, but loading 10 of them will easily add 1MB of data… this is not helping with the speed. Plus we are talking of images rendered at around 120px, even considering retina resolution they will still be 240px, one quarter the resolution the feed is pulling now.

    Thumbs provided by instagram are 150×150, which are a good compromise between small and retina.

    I suggest the reading of this
    https://humaan.com/bigger-square-thumbnails-from-the-instagram-api/

    It explains very well how to get different dimensions (maybe an options on the settings would do) and also how to get through the api different ratios… like square!

    I could modify your plugin, but I rather having the official version.

    • This topic was modified 8 years, 4 months ago by carodani.
    • This topic was modified 8 years, 4 months ago by carodani.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Tigran Nazaryan

    (@progmastery)

    hi @carodani,

    thanks for your suggestion,

    Instagram API gives three sizes of images: standard resolution (~640px), low resolution (~320px) and thumbnail resolution (~150px). There is a script in our plugin which chooses which size to pick based on window width:

    • if Window width >= 640px, loads standard res.
    • if 640px > Window width >= 320px, loads low res.
    • if 320px > Window width , loads thumb res.

    Sure there is a room for improvement here. Because even on larger screens ( >640px wide), feed may display thumbs of smaller sizes (but not always). So we can add an option in feed params for user to customize the above mentioned breakpoint width of window.

    What do you think about this option?

    Thread Starter carodani

    (@carodani)

    Thanks so much for your kind reply!

    I understand you made automatic selection right now, but should not be based on windows width, more like image width or container width.

    Having the option as an alternative would certainly help.

    Having said that is there a quick script for the custom JS box that you can suggest me to force the smallest resolution?

    Plugin Contributor Tigran Nazaryan

    (@progmastery)

    custom JS will not help in this situation,
    if you need quick fix , you can edit js/wdi_frontend.js file.

    In wdi_front.createObject = function (obj, currentFeed), lines 1248 and 1254, replace 640 with larger number, maximal screen width till which you want to have low_resolution images loaded.

    We will try include the option in feed settings as soon as possible, ideally in the next update within ten days.

    Thanks again!

    Thread Starter carodani

    (@carodani)

    Thanks a lot for your reply Tigran, I have changed also the low resolution code, now only thumbs are loaded.

    Amazing support really, looking forward to seeing the update!

    Going to leave a super review straight away!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Thumb size is “yuuuuuge” (cit.)’ is closed to new replies.