CodeGrid-Tools
← Back to examples

Compress image — Examples

JPEG, PNG, and WebP examples: hero images, product thumbnails, and attachments.

Updated: 2026-05-08

Example 1: Blog hero from a phone photo

Turn a 3–5 MB photo into a web-friendly hero image.

Inputs

  • hero.jpg

Steps

  1. Upload.
  2. Tune quality or target size.
  3. Download.

Output

hero-web.jpg

Example 2: Marketplace product shot

Smaller files load faster in grid and detail views.

Inputs

  • product.png

Output

product-small.png

Tips

  • Heavy compression hurts fine text and thin lines.
  • Keep PNG when you need transparency.