Member Avatar for Ritesh_4

Hello, I have a png (png-24) image which currently makes 500kb, but it is taking a rather long time to load when posted on my website, and I would like to reduce its size to around 200kb so that it can load faster. Anyone knows how to do this on photoshop or another way?

  • 2 Contributors
  • 2 Replies
  • 99 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by Ritesh_4

Dani AI

Generated

As wants to cut a PNG-24 from ~500KB down to ~200KB, start by choosing the right approach: PNG is best for sharp graphics and transparency; photos usually compress much smaller as JPEG or modern formats (WebP/AVIF). linked a good tutorial earlier, and GUI optimizers (the one tried) can be helpful — below are concise, practical steps that still work today.

In Photoshop: resize to the actual display dimensions (Image > Image Size) so you are not shipping unused pixels. Use File > Export > Save for Web (Legacy) to strip metadata (Metadata: None). If the image is a logo or flat graphic, try PNG-8 (start at 128 or 64 colors, add a little dithering to avoid banding). If you need full color plus alpha, export PNG-24 but plan to optimize afterward. For photos, export as JPEG (quality ~70–85) or generate WebP/AVIF for best size.

Optimization and delivery: run a lossy quantizer (pngquant) to chop color palettes with minimal visual impact, then pass the result through a lossless optimizer (optipng/oxipng/zopflipng) for extra bytes saved. For quick one-offs use services like TinyPNG; for production add pngquant/oxipng to your build pipeline. Serve responsive images with srcset, use caching/CDN, and measure savings in DevTools. Note: HTTP compression (gzip) will not significantly shrink already-compressed PNG data. For deeper reading, see Google’s image optimization guide Image optimization and the pngquant project pngquant.

Recommended Answers

All 2 Replies

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.