How do I optimize my background image?
|
11-03-2017, 08:20 AM
Post: #1
|
|||
|
|||
How do I optimize my background image?
Page Speed Insights said I can reduce the size of my background image by 25.2KiB (13% reduction). But I didn't understand how to do that. That was after I already ran it through Kraken to optimize it. I choose the lossy option which I think reduces it the most. So how do I reduce it by 13% more if Kraken can't do it?
|
|||
11-07-2017, 09:51 AM
Post: #2
|
|||
|
|||
RE: How do I optimize my background image?
There's a ton of ways to compress images, perhaps Google is using a different technique and thinks more can be done. My favorite for quick tasks like this is https://tinypng.com/ - drag and drop and you're done.
You can try a few others, just search around - but don't drive yourself crazy trying to match exactly what Google says. |
|||
01-17-2018, 04:10 AM
Post: #3
|
|||
|
|||
RE: How do I optimize my background image?
Try imageoptim.com or remush.it
|
|||
01-26-2018, 02:06 AM
Post: #4
|
|||
|
|||
RE: How do I optimize my background image?
I like RIOT optimizer as it handles png, jpg, and gifs quite well. For images with a lot of transparency, I found that PNGoo works well also.
|
|||
03-30-2018, 06:03 AM
Post: #5
|
|||
|
|||
RE: How do I optimize my background image?
(11-03-2017 08:20 AM)kuurt Wrote: Page Speed Insights said I can reduce the size of my background image by 25.2KiB (13% reduction). But I didn't understand how to do that. That was after I already ran it through Kraken to optimize it. I choose the lossy option which I think reduces it the most. So how do I reduce it by 13% more if Kraken can't do it? Be aware that PageSpeed isn't just looking at the image optimization. It's also looking at the resolution in pixels. You could run the image through every optimizer on the planet with the highest levels of compression. If PageSpeed thinks the image is larger in pixels than it needs to be, it will ding your score. |
|||
03-30-2018, 10:05 AM
Post: #6
|
|||
|
|||
RE: How do I optimize my background image?
Something else to look into is using WebP format for images. No matter how much I compress my PNGs, using multiple programs, dithering them, removing all extraneous colors, etc, WebP comes out in similar or better quality and typically about 8-10% smaller.
|
|||
03-31-2018, 12:58 AM
(This post was last modified: 03-31-2018 03:48 AM by avalanch.)
Post: #7
|
|||
|
|||
RE: How do I optimize my background image?
I only use these tools to optimize my images and they come out lossless and I don't get any messages about them needing to be smaller from PageSpeed or Yslow.
https://pnggauntlet.com/ http://www.jpegmini.com/windows https://sourceforge.net/p/nikkhokkho/dis...optimizer/ Webp simply doesn't have enough browser support yet, so I don't use it. |
|||
« Next Oldest | Next Newest »
|
User(s) browsing this thread: 2 Guest(s)