SEO Png
PNG (Portable Network Graphics) is a lossless image format that preserves quality and supports transparency, making it useful for web graphics and screenshots.
Key takeaways
- PNG is lossless and supports transparency, ideal for logos and graphics.
- Always compress PNG files to reduce page load time.
- Use descriptive filenames and alt text for SEO relevance.
- Avoid PNG for large photos; prefer JPEG, WebP, or AVIF.
- Combine PNG with responsive images and image sitemaps for better indexing.
For SEO, PNG matters because image format affects crawlability, quality, and page speed, and page speed is a ranking and UX factor.
Example: Optimizing a PNG Logo for SEO
Imagine you have a logo file logo.png (500 KB) with a transparent background. To optimize it for SEO:
- Compress it using a tool like TinyPNG to reduce size to ~120 KB without losing quality.
- Rename the file to
acme-logo-transparent.png(descriptive, hyphen-separated). - Add alt text:
Acme company logo with transparent background. - Use responsive images: serve a smaller version for mobile and a larger one for desktop.
- Include the image in an image sitemap for better discovery.
- Ensure the image is on a landing page with relevant text about your brand.
Quick Start: How to Use PNG for SEO in 5 Steps
- Choose the right format: Use PNG only for graphics, logos, icons, screenshots, or images that need transparency. Avoid PNG for large photos.
- Compress the file: Use TinyPNG or Squoosh to reduce file size without quality loss.
- Use a descriptive filename: Replace
image.pngwithdescriptive-keywords.png(e.g.,seo-png-example.png). - Add alt text: Write a concise, descriptive alt attribute that includes relevant keywords naturally.
- Implement responsive images: Use
<picture>orsrcsetto serve smaller PNGs for mobile devices.
How to Judge If PNG Is the Right Format for Your Image
- Does the image need transparency? → Yes → PNG is a good choice.
- Is the image a photo? → Yes → Consider JPEG, WebP, or AVIF instead.
- Does the image contain text or sharp lines? → Yes → PNG preserves crisp edges.
- Is file size a concern? → Yes → Compress PNG or switch to WebP/AVIF.
- Is browser support critical? → Yes → PNG has universal support; WebP and AVIF are modern but widely supported.
Common PNG Mistakes in SEO
- Using PNG for large photos when JPEG, WebP, or AVIF would be smaller and faster.
- Uploading uncompressed PNG files, which can slow pages and hurt Core Web Vitals.
- Leaving filenames generic (e.g.,
image.png) instead of descriptive and hyphen-separated. - Relying on PNG alone without adding alt text, responsive images, and image sitemaps.
Next step
FAQ
What does PNG stand for?
PNG stands for Portable Network Graphics.
Is PNG good for SEO?
PNG is good for SEO when used appropriately for graphics, logos, and images requiring transparency, but it can hurt page speed if used for large photos without compression.
Should I use PNG or JPEG for SEO?
Use PNG for graphics, logos, and images with text or transparency. Use JPEG for photographs where file size is a priority.
Does PNG support transparency?
Yes, PNG supports alpha channels, allowing for transparent backgrounds.
Related topics
Sources
- Google Search Central – Image SEO best practices — Primary source for how Google handles image discovery, indexing, supported formats, alt text, filenames, and image sitemaps.
- Google Search Central – Image publishing guidelines — Authoritative guidance on image file formats, landing pages, and preferred images for structured data and og:image.
- Screaming Frog – Image SEO — Clear practitioner-oriented overview of image optimization for relevance, indexability, and performance.
- SEO Analyse – PNG definition — Concise definition of PNG as a lossless, transparency-supporting format.
Reviewed by Lucía Marín, Founding editor.