Icon-192x192.png Jun 2026

The website The Guardian uses a icon-192x192.png featuring their logo on a dark blue background. Lighthouse reports perfect scores for PWA installability, leading to a 15% increase in repeat visits from users who added the app to home screens.

The "icon-192x192.png" file name suggests a specific type of image file, a PNG (Portable Network Graphics) image that is 192x192 pixels in size. This particular image size is commonly used for icons, especially in the context of web applications, mobile apps, and operating systems, where it's essential to have crisp and clear graphics that can be scaled appropriately across various devices and screen resolutions.

The icon is declared inside your manifest.json file. Here is a standard configuration: Use code with caution. The path to your icon. sizes: Must be exactly 192x192 . type: image/png is the standard and most supported format. icon-192x192.png

convert source-logo.svg -resize 192x192 -background none -gravity center -extent 192x192 icon-192x192.png

Next.js: favicon, SVG icon, Apple & Chrome icons | by Dave Gray The website The Guardian uses a icon-192x192

This specific dimension is a industry-standard requirement designated by Google Chrome, the Android operating system, and the World Wide Web Consortium (W3C) web app manifest specifications. It represents the "medium" or "standard" density launcher icon for web applications when installed on user devices. The Purpose and Role in PWAs

Having a icon-192x192.png is mandatory for any site aiming to be installable as an app. This particular image size is commonly used for

You cannot simply resize a logo to 192x192 and call it a day. PWAs have specific requirements.

(You can add relevant tags here)

Use a PNG with transparency if you want your icon to adapt to the user's home screen background theme.