Need help fixing image quality after export

Question

Hi everyone, I designed some promotional banners in Photoshop, but after exporting them for web use, the quality drops significantly — especially the text edges, which look blurry. I’ve tried both “Save for Web” and regular export options, but the result is the same. Could someone check one of the banners here: [weblink removed as per forum guidelines] and tell me if the issue comes from my Photoshop export settings or my website’s image compression? I’m trying to keep the file size small without sacrificing clarity, but I feel I’m missing an important step.

creative explorer · Answer

@sharjah_4708in addition to what @jane-e , the blurriness is very likely due to saving the files as JPEGs with lossy compression. JPEGs are not the best format for graphics that contain sharp lines, text, or solid blocks of color. JPEGs is a lossy compression format. This means it intentionally removes some image data to achieve a smaller file size.

Instead, save the banners as PNGs. This is a lossless format, meaning it preserves every pixel of the original image data. It is the go-to choice for graphics with text, logos, and illustrations. You'll get clear, crisp edges, and it supports transparency, which is a major advantage for web banners. While PNG files can be larger than JPEGs, they are the best trade-off for quality. I would save as PNG24 (the larger format for quality)

If size is an issue, you can use a third-party website called tinypng.com it's a great tool while keeping the quality and removing metadata from the images! https://youtu.be/ByT1WVeM1rg?si=AxQubZjFhr5uNUVH&t=32

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded