We are transitioning over to a new forum platform. Please post new issues there. Existing threads will be dealt with here unless you choose to move them over. Visit the new forum
Image size and page load time query
While building my blog, I noticed that if I open the author image in a new tab, it opens the original version.
In the author template, I set the image to 100px x 100px which is what it displays on the uploaded image on the author page in perch. On my blog post template I set the author image to 70px x 70px.
When I hover over the image link in google developer tools, it says '70 × 70 pixels (intrinsic: 960 × 960 pixels)' and when I open the small image in a new tab, it opens the 960 x 960 version. Does this mean that my blog page is loading the full-size image?
In the author template:
<perch:if exists="author_image"> <img src='<perch:blog id="author_image" type="image" label="Image" width="100" height="100" crop="true" density="1" order="5" />' width="110" height="110" /> </perch:if>
In the post template:
<perch:if exists="author_image"> <div class="author-img m-r-s"> <img src='<perch:blog id="author_image" type="hidden" label="Author Image" width="70" height="70" density="1" order="5" />' /> </div> </perch:if>
Shouldn't perch be creating a smaller version of the image for these instances? If not, please let me know how this can be done. I know I can just upload a smaller original file, but I want to make sure in the future that perch can do the work.
Want to reply to this thread?Login with Perch