- This topic has 4 replies, 3 voices, and was last updated 8 years, 8 months ago by
.
-
Posts
-
The Genesis Featured Posts widget shows specific sizes in a pull-down for the Featured image
thumbnail 150x150
home-bottom 380x150
home-middle 380x380
slider 360x170I've made my featured images for the posts that appear in bottom and middle according to these dimensions.
Yet, GTMetrix reports:
http://www.pmr-group.com/
http://www.pmr-group.com/wp-content/uploads/2016/01/due-diligence-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 49.3KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/cyber-security-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 40.1KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/pmr-group-office-blue.jpg is resized in HTML or CSS from 1600x1000 to 1264x790. Serving a scaled image could save 39.5KiB (38% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/social-networking-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 38.3KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/computer-forensics-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 32.5KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/reputation-recovery-corp-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 30.8KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/reputation-recovery-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 29.4KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2013/06/not-counterfeit-gift-shop-1.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 28.7KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/world-association-of-detectives-logo-e1453450497520.png is resized in HTML or CSS from 380x124 to 184x60. Serving a scaled image could save 25.2KiB (76% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/expert-witness-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 24.5KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/employee-screening-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 24.2KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/physical-security-pmrg-home.png is resized in HTML or CSS from 380x380 to 320x320. Serving a scaled image could save 24.2KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2013/09/cyber-bully-380x150-1.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 20.4KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/school-application-rejection-1.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 17.0KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/HTCC-logo-e1453450371411.jpg is resized in HTML or CSS from 380x115 to 198x60. Serving a scaled image could save 12.2KiB (72% reduction).
http://www.pmr-group.com/wp-content/uploads/2013/06/executive-hire-disaster-avoided.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 11.2KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2013/05/real-estate-defamation-380x150-1.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 9.3KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/anonymous-twitter-defamation.png is resized in HTML or CSS from 380x150 to 320x126. Serving a scaled image could save 9.2KiB (30% reduction).
http://www.pmr-group.com/wp-content/uploads/2016/01/HTCIA-logo.jpg is resized in HTML or CSS from 160x113 to 85x60. Serving a scaled image could save 6.6KiB (71% reduction).Scaling means to resize. This tutorial will teach you how to add a custom image size to the media library. http://victorfont.com/add-custom-image-sizes-to-media-library/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?Why doesn't the theme set the custom image sizes out of the box? Similarly, the installation instructions neglect this.
So, do I need to create new image sizes:
home-bottom2 320?—126
home-middle2 320?—320
backstretch2 1264?—790Then I'd change the pull-down in the Featured Posts widget to select home-middle2 or home-bottom2, respectively?
Will I have to reload each image?
Thanks.
I'm not convinced that the GTMetrix report is always accurate when it comes to scaling images. I suspect that the size of the window in which they run their test impacts the results of their report. As developers, we do our best to design sites that provide visual appeal across a wide variety of browsers, but we do so using our monitors. In my case, my primary development machine is a Retina MacBook Pro. This is a high res display and images don't scale but display as designed. If I display a site on one of my old Windows PCs that has a lower res display, the browser will scale images to make sure all of the content fits on the screen. That's why I think the some of the scaling reports on test sites are erroneous. But yes, you have the right idea for creating new images.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?FWIW, to me it looks like GTMetrix is using a viewport size smaller than what your default size is, so it's viewing the images as scaled, which is what they are supposed to do in a mobile responsive setting.
So no, I would not resize the images... if the widget sees the image sizes, they are already defined in functions; If you resize the images, someone viewing the site on a smaller window will still see a scaled version of that smaller image.
GTMetrix might need to update their testing to account for mobile responsive sites, and adjust their testing viewports accordingly.
WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
Slice of SciFi | Writers, After Dark
- The forum ‘General Discussion’ is closed to new topics and replies.