question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Generate PWA icons from src/assets/icon.png

See original GitHub issue

What problem does this feature solve?

It would be a cool feature to automatically generate PWA icons (android-chrome-192x192.png, apple-touch-icon-180x180.png, …) by using src/assets/logo.png as source.

What does the proposed API look like?

I’m not familiar with the current API, but I would be nice to have something like:

  • generate PWA icons at each build (and watch source icon during serve)
  • or generate PWA icons with a dedicated task

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
jcalixtecommented, May 15, 2020

Hi! I created a generator too with sharp. Here is the package, tell me if this generator suits your need.

3reactions
memic84commented, Sep 3, 2018

Nuxt already uses an icon module to generate pwa icons, see: https://github.com/nuxt-community/pwa-module/tree/develop/packages/icon, maybe this can be made into a universal Vue plugin.

Seems to me that cli should not be responsible for icon generation, if workbox decides to do so than fine.

Read more comments on GitHub >

github_iconTop Results From Across the Web

PWABuilder: Image Generator
Quickly and easily create app icons for various platforms in the right size and format ... You should choose a 512x512 or larger...
Read more >
PWA Icons and Ionic Resources - Prototype A - WordPress.com
This CLI task will generate a collection of icons that need to be included. Unfortunately, it currently does not generate all the sizes...
Read more >
PWA Application Icon Generator Free Online Tool
This a an PWA app icon generator tool freely available on online for everyone, it will generate all size of pwa icons required...
Read more >
resources-generator - npm
myimage.png" ) and the directory where the results shall be saved (via ... create icons for our PWA, based on the android icon...
Read more >
Creating PWA with Angular 5. Part 2: Progressifying ... - Medium
Creating PWA with Angular 5. ... It is important to use .png images for app icons (Thanks to Aymeric Tibere for the clarification)....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found