200 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ items on Envato Market
  • Located in United States

I have an image that will be my website background that is currently 2562hx1700w. it is 512kb when I save for web and devices as a jpeg. The website is a single page layout that is an under water scene and I need to keep the quality but the image size is really big for the web.

Does anyone know any other solution to compress the image but keep the size? What is the file size I shouldn’t go over?

I’ve scene large backgrounds on other sites but they’re not as near the file size. Why is that?

3439 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Achieved the monthly Community Superstar Award
  • Located in United States
+2 more

piece it together rather than using 1 image

6211 posts
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+9 more

- The noise in the water area would contribute higher file size. If you just remove it or add some blur to the noise, it will help reducing file size.

- In Fireworks, you can select particular area of image and apply different compression levels. This way, you can preserve good detail on important areas (the 3 people and fish) while severely compressing remaining plain areas:

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes