Current time: 05-27-2018, 08:04 PM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
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?
Find all posts by this user
Quote this message in a reply
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.
Find all posts by this user
Quote this message in a reply
01-17-2018, 04:10 AM
Post: #3
RE: How do I optimize my background image?
Try imageoptim.com or remush.it
Find all posts by this user
Quote this message in a reply
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.
Find all posts by this user
Quote this message in a reply
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.
Find all posts by this user
Quote this message in a reply
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.
Find all posts by this user
Quote this message in a reply
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.
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)