Build a PWA Icon Pack in the Browser: 8 Sizes, a Manifest and a README
I work on OnePassApps. We build browser studios that do their work in the tab instead of uploading your files, and Icon Studio is the one for icons: eight tools on one tab bar - SVG to PNG, PNG to ICO, Favicon pack, App icons, Resize set, Optimize SVG, Recolour SVG and Trim / padding. The App icons tab is the one that produces a whole installable icon set rather than a single file: one image in,…
OnePassApps offers a browser-based tool called Icon Studio, which allows users to create a complete set of app icons for Progressive Web Apps (PWAs) directly within the browser. The tool consists of eight different resizing and conversion tools, including SVG to PNG, PNG to ICO, Favicon pack, App icons, Resize set, Optimize SVG, Recolour SVG, and Trim / padding. The App icons tab is the main feature that generates a complete icon set, including eight PWA sizes, a manifest, and a README, all packed into a single ZIP file.
To use the tool, users simply need to drop an SVG or PNG image onto the stage or browse for the file. The tool supports SVG files up to 5 MiB in size and PNG files up to 24 MiB. Once an image is open, users can provide a name for the app to be used in the manifest, and the tool will generate eight PWA sizes ranging from 72 to 512 pixels.
The resulting ZIP file contains eight PWA PNG sizes, a manifest, and a README. The file size of the resulting ZIP file can vary depending on the original image size, as demonstrated in the source material where a 512 x 512 PNG of 2.2 KiB was compressed into an 18.6 KiB ZIP file. The README file contains a single line of text, stating that the eight icons were created with transparent backgrounds.
The tool does not draw the icons itself; instead, users supply the artwork, which is then resized and transformed into the required PWA sizes. The app name, which is used in the manifest, is the only free-text input required. In the source material, the app name was "App" as typed by the probe script.
Icon Studio is part of OnePassApps and runs entirely within the browser, with all processing happening in the browser and the resulting ZIP file being written to the user's machine. The service is currently free to use, with a monthly limit of 100,000 credits, no card required, and no automatic paid subscription. Users can explore guides for the studios and apps built with OnePassApps on the OnePassApps guides page.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
