Tips: How to Optimize Images for a Faster Website9145
Pages:
1
WGAN Forum Founder & WGAN-TV Podcast Host Atlanta, Georgia |
DanSmigrod private msg quote post Address this user | |
Hi All, That Agency Blog - Website Image Optimization Tips Got a tip – or a tool – to add for optimizing images for a faster website? Best, Dan |
||
Post 1 IP flag post |
CharlesHH private msg quote post Address this user | ||
A good way to check your web site speed is to use the free tool at https://tools.pingdom.com It gives you the loading time and it identifies any parts of the page that are loading slowly. |
||
Post 2 IP flag post |
CharlesHH private msg quote post Address this user | ||
For optimizing images I use Photoshop's Image Processor tool. I created an action that always sets every image to 72dpi (best for web) and run the action and set image processor pixel width to following Widths Full width carousel or image at 1500 pixels Regular gallery image that might be open in a gallery pop-up at 700 pixels Smaller images at 300 pixels Set quality at 7 Save as jpg Unless I need transparency for logos etc where I will always use png If I have a load of high res Matterport snapshots, I run them through this to bring them down to a sensible size. If needed I rename them using Photoshop batch processing and add pixel width into the name. It's pretty fast and seems to work. |
||
Post 3 IP flag post |
whereareweat private msg quote post Address this user | ||
https://tinypng.com/ Has Wordpress plugin, if that’s your thing, and has PS plugin. Compresses well to hit a good page load score using the above suggested. Would recommend using lighthouse chrome plugin as well to get optimize suggestions. https://developers.google.com/web/tools/lighthouse/ And obviously CDN all the images. |
||
Post 4 IP flag post |
Pages:
1This topic is archived. Start new topic?