Jpg on front page loading slowly

HTML & CSS
1

Hi

I have a . Jpg on my front page and it’s causing it to load really slowly.

Any tricks to speeding it up?

2

Have you optimised the image? What size is the file?

3

Make sure it’s less than about 2000 pixels wide, this should make an image that looks good full width on most monitors. Or make it small if the image doesn’t need to go full width. If the size is fixed, then resize your file to fit exactly and don’t shrink it with CSS.

Make sure the file is allowed to be cached.

4

Try and convert it to Svg.

5

You can minister it using gulp plugin such as imagemin

6

SVG is great for graphical type images, but but images like photos, jpeg is a good choice, just choose appropriate pixel dimensions and compression.

1 Like
7

Hi Loooved the TinyPNG

It changed from 3.0MB to 422 KB.

Awesome!

Also looking into the svg option!

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.