Convertir une page html en fichier graphique.

[ortolojf]

Bonjour

Voici mon logo :

https://www.pronostics-courses.fr/logo.html

Mon but, créer le logo de ma pwa, qui ne peut être qu'un fichier graphique de manifest.json

Comment convertir ma page html ( ou url ) en fichier graphique ?

Merci beaucoup de votre aide.

 

[rick38]

Un screenshot en somme ?
https://www.site-shot.com/
Ou sinon, simplement l'outil Snipping Tool dans Windows...

 

[spout]

Puppeteer : https://github.com/puppeteer/puppeteer
Ou une interface Puppeteer en PHP : https://github.com/spatie/browsershot

 

[spout]

C'est cadeau :

 

[ortolojf]

Excellent, merci rick38

gnome-screenshot n'était pas installé sur mon Fedora.

Merci beaucoup.

 

[ortolojf]

V'là v'là

https://www.pronostics-courses.fr/new_logo.html

Tout suggestions bienvenues.

Merci beaucoup.

 

[rick38]

Pour mes PWA j'utilise ces outils :

Pour générer les icones tout bien comme il faut : https://realfavicongenerator.net/
Pour publier sur Google Play et Microsoft Store : https://www.pwabuilder.com/
Pour les screenshots comme j'ai déjà cité : https://www.site-shot.com/

 

[ortolojf]

Voilà

Merci beaucoup rick38.

Même url, en 1024, 512, 256 et 96 pixels.

En svg et jpg.

Faut-il la 128x128 pour un manifest ?

Merci beaucoup.

 

[rick38]

L'outil que j'ai cité met 192 et 512 pour le manifest donc non, pas besoin de 128.

 

[ortolojf]

Bonjour rick38


A part le problème du 128x128.

Microsoft préconise de petites dimensions.

1024x1024 est-il possible ?

Est-ce que les dimensions suivantes pourraient convenir ?

Abstraction faite du type ( png, svg, ).

"icons": [
    {
    "src": "/images/icons/iotradio.svg",
    "sizes": "36x36 48x48 72x72 96x96 120x120 128x128 144x144 152x152 180x180 192x192 384x384 512x512",
    "type": "image/svg+xml",
    "purpose": "any"
    }
]

 

[rick38]

192 et 512, point barre.

MS ne préconise pas ce que vous dites.