Good creative loses its impact when it arrives slowly or gets rejected by an upload form. Most image problems come down to three choices made before you export: the pixel dimensions, the file format and the compression level. Get those right once and your website, campaigns and forms all benefit.

Start with dimensions, not compression

The biggest saving almost always comes from sending fewer pixels. A photo straight from a phone camera is often 4000 pixels wide, while a blog column may display it at 800 to 1200 pixels. Resize to roughly the largest size the image will actually be shown at, allowing about double for sharp high-density screens, before you touch the quality slider.

Keep the aspect ratio the layout expects. Cropping to the right shape in advance avoids awkward automatic crops on social platforms and layout shifts on websites.

Choose the right format

  • JPEG for photographs where a small file matters more than transparency.
  • PNG for screenshots, logos and graphics with sharp edges or transparency.
  • WebP for websites when you want photo-quality images at a smaller size; modern browsers support it.
  • SVG for logos and icons that are drawn as shapes, so they stay sharp at any size.

Compress until you can see it, then step back

Lossy formats let you trade file size for quality. Export, zoom to 100 percent and compare with the original on the device your audience uses. When you can spot banding in skies or smudged edges in text, step the quality up a notch. For most website photos a mid-to-high quality setting is a good starting point.

Strip metadata you do not need. Camera details and location data add bytes and can reveal more than you intended.

Website checklist

  • Set width and height on every image so the page does not jump while loading.
  • Lazy-load images below the fold, but load the main hero image straight away.
  • Write alt text that describes the image for people using screen readers.
  • Name files descriptively, for example office-reception-gurugram.jpg rather than IMG_2041.jpg.

Government and exam forms

Many Indian application portals set exact limits for photo and signature size in kilobytes and pixels. These limits change between notices, so always read the latest official notice before you upload, and keep the original photo so you can export again if the rules change.

Do it privately in your browser

Productive IT's free Image and Photo Tools resize to a kilobyte target, convert formats, clear backgrounds and prepare passport or exam photos. Processing stays in your browser, so files never leave your device.

Open the Image and Photo Tools → · Resize an image to a KB target →

Frequently asked questions

How do I compress an image without losing quality?

Resize it to the dimensions it will be displayed at, choose the right format, and lower the quality only until you can see a difference at 100 percent zoom, then step back up.

Is WebP better than JPEG for websites?

WebP usually produces smaller files at similar visible quality and is supported by modern browsers, so it is a good default for website photos.

Are my photos uploaded when I use the Productive IT image tools?

No. Image processing runs in your browser and files stay on your device.

Related reading