@jjlmoya/utils-converters 1.25.0 → 1.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/category/i18n/de.ts +1 -1
- package/src/category/i18n/en.ts +1 -1
- package/src/category/i18n/fr.ts +1 -1
- package/src/category/i18n/id.ts +1 -1
- package/src/category/i18n/it.ts +1 -1
- package/src/category/i18n/nl.ts +1 -1
- package/src/category/i18n/pl.ts +1 -1
- package/src/category/i18n/pt.ts +1 -1
- package/src/category/i18n/sv.ts +1 -1
- package/src/tests/bibliography_wellformed_export.test.ts +46 -0
- package/src/tests/category_seo_quality.test.ts +74 -0
- package/src/tests/faq_count.test.ts +1 -1
- package/src/tests/no_h1_in_components.test.ts +1 -1
- package/src/tests/seo_parity.test.ts +2 -2
- package/src/tests/seo_wellformed_export.test.ts +65 -0
- package/src/tests/tool_validation.test.ts +15 -15
- package/src/tool/avifAJpg/i18n/en.ts +164 -164
- package/src/tool/avifAJpg/i18n/es.ts +164 -164
- package/src/tool/avifAJpg/i18n/fr.ts +164 -164
- package/src/tool/avifAJpg/i18n/ja.ts +166 -166
- package/src/tool/avifAJpg/i18n/ko.ts +166 -166
- package/src/tool/avifAJpg/i18n/zh.ts +166 -166
- package/src/tool/avifAJpg/seo.astro +15 -15
- package/src/tool/avifAPng/i18n/en.ts +164 -164
- package/src/tool/avifAPng/i18n/es.ts +164 -164
- package/src/tool/avifAPng/i18n/fr.ts +164 -164
- package/src/tool/avifAPng/i18n/ja.ts +166 -166
- package/src/tool/avifAPng/i18n/ko.ts +166 -166
- package/src/tool/avifAPng/i18n/zh.ts +166 -166
- package/src/tool/avifAPng/seo.astro +15 -15
- package/src/tool/avifAWebp/i18n/en.ts +164 -164
- package/src/tool/avifAWebp/i18n/es.ts +164 -164
- package/src/tool/avifAWebp/i18n/fr.ts +164 -164
- package/src/tool/avifAWebp/i18n/ja.ts +166 -166
- package/src/tool/avifAWebp/i18n/ko.ts +166 -166
- package/src/tool/avifAWebp/i18n/zh.ts +166 -166
- package/src/tool/avifAWebp/seo.astro +15 -15
- package/src/tool/bmpAJpg/i18n/en.ts +164 -164
- package/src/tool/bmpAJpg/i18n/es.ts +164 -164
- package/src/tool/bmpAJpg/i18n/fr.ts +164 -164
- package/src/tool/bmpAJpg/i18n/ja.ts +166 -166
- package/src/tool/bmpAJpg/i18n/ko.ts +166 -166
- package/src/tool/bmpAJpg/i18n/zh.ts +166 -166
- package/src/tool/bmpAJpg/seo.astro +15 -15
- package/src/tool/bmpAPng/i18n/en.ts +164 -164
- package/src/tool/bmpAPng/i18n/es.ts +164 -164
- package/src/tool/bmpAPng/i18n/fr.ts +164 -164
- package/src/tool/bmpAPng/i18n/ja.ts +165 -165
- package/src/tool/bmpAPng/i18n/ko.ts +165 -165
- package/src/tool/bmpAPng/i18n/zh.ts +165 -165
- package/src/tool/bmpAPng/seo.astro +15 -15
- package/src/tool/bmpAWebp/i18n/en.ts +164 -164
- package/src/tool/bmpAWebp/i18n/es.ts +164 -164
- package/src/tool/bmpAWebp/i18n/fr.ts +164 -164
- package/src/tool/bmpAWebp/i18n/ja.ts +166 -166
- package/src/tool/bmpAWebp/i18n/ko.ts +166 -166
- package/src/tool/bmpAWebp/i18n/zh.ts +166 -166
- package/src/tool/bmpAWebp/seo.astro +15 -15
- package/src/tool/gifAJpg/i18n/en.ts +164 -164
- package/src/tool/gifAJpg/i18n/es.ts +164 -164
- package/src/tool/gifAJpg/i18n/fr.ts +164 -164
- package/src/tool/gifAJpg/i18n/ja.ts +166 -166
- package/src/tool/gifAJpg/i18n/ko.ts +166 -166
- package/src/tool/gifAJpg/i18n/zh.ts +166 -166
- package/src/tool/gifAJpg/seo.astro +15 -15
- package/src/tool/gifAPng/i18n/en.ts +164 -164
- package/src/tool/gifAPng/i18n/es.ts +164 -164
- package/src/tool/gifAPng/i18n/fr.ts +164 -164
- package/src/tool/gifAPng/i18n/ja.ts +166 -166
- package/src/tool/gifAPng/i18n/ko.ts +166 -166
- package/src/tool/gifAPng/i18n/zh.ts +166 -166
- package/src/tool/gifAPng/seo.astro +15 -15
- package/src/tool/gifAWebp/i18n/en.ts +164 -164
- package/src/tool/gifAWebp/i18n/es.ts +164 -164
- package/src/tool/gifAWebp/i18n/fr.ts +164 -164
- package/src/tool/gifAWebp/i18n/ja.ts +166 -166
- package/src/tool/gifAWebp/i18n/ko.ts +166 -166
- package/src/tool/gifAWebp/i18n/zh.ts +166 -166
- package/src/tool/gifAWebp/seo.astro +15 -15
- package/src/tool/imagenBase64/i18n/en.ts +154 -154
- package/src/tool/imagenBase64/i18n/es.ts +154 -154
- package/src/tool/imagenBase64/i18n/fr.ts +154 -154
- package/src/tool/imagenBase64/seo.astro +15 -15
- package/src/tool/jpgAIco/seo.astro +15 -15
- package/src/tool/jpgAPng/i18n/en.ts +164 -164
- package/src/tool/jpgAPng/i18n/es.ts +164 -164
- package/src/tool/jpgAPng/i18n/fr.ts +164 -164
- package/src/tool/jpgAPng/i18n/ja.ts +166 -166
- package/src/tool/jpgAPng/i18n/ko.ts +166 -166
- package/src/tool/jpgAPng/i18n/zh.ts +166 -166
- package/src/tool/jpgAPng/seo.astro +15 -15
- package/src/tool/jpgAWebp/i18n/en.ts +164 -164
- package/src/tool/jpgAWebp/i18n/es.ts +164 -164
- package/src/tool/jpgAWebp/i18n/fr.ts +164 -164
- package/src/tool/jpgAWebp/seo.astro +15 -15
- package/src/tool/pngAIco/seo.astro +15 -15
- package/src/tool/pngAJpg/i18n/de.ts +21 -21
- package/src/tool/pngAJpg/i18n/es.ts +177 -177
- package/src/tool/pngAJpg/i18n/fr.ts +137 -137
- package/src/tool/pngAJpg/i18n/id.ts +89 -89
- package/src/tool/pngAJpg/i18n/it.ts +89 -89
- package/src/tool/pngAJpg/i18n/ko.ts +177 -177
- package/src/tool/pngAJpg/i18n/nl.ts +20 -20
- package/src/tool/pngAJpg/i18n/pl.ts +89 -89
- package/src/tool/pngAJpg/i18n/pt.ts +89 -89
- package/src/tool/pngAJpg/i18n/ru.ts +177 -177
- package/src/tool/pngAJpg/i18n/sv.ts +89 -89
- package/src/tool/pngAJpg/i18n/tr.ts +89 -89
- package/src/tool/pngAJpg/seo.astro +15 -15
- package/src/tool/pngAWebp/i18n/en.ts +164 -164
- package/src/tool/pngAWebp/i18n/es.ts +164 -164
- package/src/tool/pngAWebp/i18n/fr.ts +164 -164
- package/src/tool/pngAWebp/seo.astro +15 -15
- package/src/tool/svgAJpg/i18n/fr.ts +164 -164
- package/src/tool/svgAJpg/seo.astro +15 -15
- package/src/tool/svgAPng/i18n/fr.ts +164 -164
- package/src/tool/svgAPng/seo.astro +15 -15
- package/src/tool/webpAIco/seo.astro +15 -15
- package/src/tool/webpAJpg/seo.astro +15 -15
- package/src/tool/webpAPng/bibliography.ts +13 -13
- package/src/tool/webpAPng/i18n/de.ts +166 -166
- package/src/tool/webpAPng/i18n/es.ts +171 -171
- package/src/tool/webpAPng/i18n/fr.ts +166 -166
- package/src/tool/webpAPng/i18n/id.ts +166 -166
- package/src/tool/webpAPng/i18n/it.ts +166 -166
- package/src/tool/webpAPng/i18n/nl.ts +166 -166
- package/src/tool/webpAPng/i18n/pl.ts +166 -166
- package/src/tool/webpAPng/i18n/pt.ts +166 -166
- package/src/tool/webpAPng/i18n/ru.ts +166 -166
- package/src/tool/webpAPng/i18n/sv.ts +166 -166
- package/src/tool/webpAPng/i18n/tr.ts +167 -167
- package/src/tool/webpAPng/seo.astro +15 -15
|
@@ -1,168 +1,168 @@
|
|
|
1
1
|
import { bibliography } from '../bibliography';
|
|
2
|
-
import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
|
|
3
|
-
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
4
|
-
import type { WebpAPngLocaleContent } from '../index';
|
|
5
|
-
|
|
6
|
-
const slug = 'convertisseur-webp-en-png';
|
|
7
|
-
const title = 'Convertir WebP en PNG en Ligne et Gratuitement';
|
|
8
|
-
const description =
|
|
9
|
-
'Convertissez des images WebP en PNG dans votre navigateur. Préserve la transparence. Sans téléchargement vers des serveurs. Gratuit et 100% privé.';
|
|
10
|
-
|
|
11
|
-
const ui: ImageConverterUI = {
|
|
12
|
-
dragText: 'Faites glisser des fichiers WebP...',
|
|
13
|
-
convertText: 'Pour les convertir en PNG instantanément',
|
|
14
|
-
selectFiles: 'Sélectionner des fichiers',
|
|
15
|
-
processedFiles: 'Fichiers traités',
|
|
16
|
-
downloadAll: 'Tout télécharger (.zip)',
|
|
2
|
+
import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
|
|
3
|
+
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
4
|
+
import type { WebpAPngLocaleContent } from '../index';
|
|
5
|
+
|
|
6
|
+
const slug = 'convertisseur-webp-en-png';
|
|
7
|
+
const title = 'Convertir WebP en PNG en Ligne et Gratuitement';
|
|
8
|
+
const description =
|
|
9
|
+
'Convertissez des images WebP en PNG dans votre navigateur. Préserve la transparence. Sans téléchargement vers des serveurs. Gratuit et 100% privé.';
|
|
10
|
+
|
|
11
|
+
const ui: ImageConverterUI = {
|
|
12
|
+
dragText: 'Faites glisser des fichiers WebP...',
|
|
13
|
+
convertText: 'Pour les convertir en PNG instantanément',
|
|
14
|
+
selectFiles: 'Sélectionner des fichiers',
|
|
15
|
+
processedFiles: 'Fichiers traités',
|
|
16
|
+
downloadAll: 'Tout télécharger (.zip)',
|
|
17
17
|
pending: 'En attente',
|
|
18
|
-
bibliographyTitle: 'Références Bibliographiques',
|
|
19
|
-
faqTitle: 'Questions Fréquentes',
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
-
{
|
|
24
|
-
question: 'Pourquoi dois-je convertir mes fichiers WebP en PNG ?',
|
|
25
|
-
answer:
|
|
26
|
-
'Bien que plus légers, les fichiers WebP peuvent causer des incompatibilités dans les programmes d\'édition comme les anciennes versions de Photoshop. Le PNG assure une compatibilité universelle à 100%.',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
question: 'Les transparences sont-elles perdues lors de la conversion de WebP en PNG ?',
|
|
30
|
-
answer:
|
|
31
|
-
'Pas du tout. Contrairement à la conversion en JPG, le PNG prend en charge le canal alpha. Notre utilitaire préservera toutes les zones transparentes du fichier original.',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
question: 'Puis-je télécharger des fichiers confidentiels de mon entreprise ?',
|
|
35
|
-
answer:
|
|
36
|
-
'Vous pouvez et devriez le faire. Comme tout s\'exécute localement via JavaScript, les images de votre entreprise ne quitteront jamais votre ordinateur ni ne seront stockées sur des serveurs externes.',
|
|
37
|
-
},
|
|
38
|
-
];
|
|
39
|
-
|
|
40
|
-
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
-
{
|
|
42
|
-
name: 'Faites glisser vos WebP',
|
|
43
|
-
text: 'Déplacez et déposez vos fichiers WebP sur le panneau principal ou sélectionnez les images traditionnellement.',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
name: 'Conversion haute fidélité',
|
|
47
|
-
text: 'Votre navigateur redessinera l\'image pixel par pixel et générera une copie exacte en format PNG, en maintenant la gamme de couleurs originale.',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
name: 'Téléchargement individuel ou en masse',
|
|
51
|
-
text: 'Sauvegardez chaque fichier individuellement ou, si vous avez traité un lot, cliquez sur le bouton ZIP pour les télécharger tous ensemble.',
|
|
52
|
-
},
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
-
{
|
|
57
|
-
type: 'title',
|
|
58
|
-
text: 'Convertisseur WebP vers PNG: Le Choix Professionnel pour l\'Édition et le Design',
|
|
59
|
-
level: 2,
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
type: 'paragraph',
|
|
63
|
-
html: 'Lorsqu\'un designer télécharge une ressource graphique au format <strong>WebP</strong> et tente de l\'ouvrir dans Photoshop, Figma ou Illustrator, le résultat peut être frustrant: le fichier ne se charge pas ou perd en qualité. Le format <strong>PNG</strong> est le standard incontesté de l\'édition professionnelle: compression sans perte, canal alpha complet et compatibilité garantie avec toute la chaîne de production créative.',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
type: 'title',
|
|
67
|
-
text: 'WebP pour le Web, PNG pour le Studio',
|
|
68
|
-
level: 3,
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
type: 'paragraph',
|
|
72
|
-
html: 'WebP est un format de production web: ses algorithmes de compression sont optimisés pour réduire le poids de transfert, pas pour préserver une fidélité maximale dans les flux d\'édition itératifs. Chaque fois que vous sauvegardez un WebP modifié, le codec applique à nouveau la compression. Pour les projets où un fichier sera modifié de nombreuses fois, cela représente une dégradation cumulative de la qualité.',
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
type: 'paragraph',
|
|
76
|
-
html: 'Le PNG utilise une compression <strong>sans perte</strong>: les données de chaque pixel sont préservées intégralement, quel que soit le nombre de fois où vous sauvegardez. C\'est le format choisi par les designers UI/UX, les illustrateurs numériques et les équipes de branding qui ont besoin de maintenir l\'intégrité visuelle sur des dizaines de révisions. Des outils comme Photoshop, Figma, Sketch et Illustrator traitent le PNG comme leur principal format d\'exportation.',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
type: 'title',
|
|
80
|
-
text: 'Comparatif: Conversion Locale vs Cloud',
|
|
81
|
-
level: 3,
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
type: 'comparative',
|
|
85
|
-
items: [
|
|
86
|
-
{
|
|
87
|
-
title: 'Convertisseurs Cloud',
|
|
88
|
-
description: 'Outils qui téléchargent vos fichiers vers un serveur distant.',
|
|
89
|
-
icon: 'mdi:cloud-upload',
|
|
90
|
-
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
-
points: [
|
|
92
|
-
'Vos ressources de design sont stockées sur des serveurs tiers',
|
|
93
|
-
'Traitement distant lent pour les fichiers volumineux',
|
|
94
|
-
'Risque de fuite pour les projets clients confidentiels',
|
|
95
|
-
'Conversion par lots limitée ou payante',
|
|
96
|
-
],
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
title: 'Notre Architecture Locale',
|
|
100
|
-
description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
|
|
101
|
-
icon: 'mdi:laptop-mac',
|
|
102
|
-
highlight: true,
|
|
103
|
-
points: [
|
|
104
|
-
'Vos designs ne quittent jamais votre machine',
|
|
105
|
-
'Conversion par lots de dizaines de fichiers instantanément',
|
|
106
|
-
'Préservation totale du canal alpha et de la gamme de couleurs',
|
|
107
|
-
'Confidentialité absolue pour les projets clients',
|
|
108
|
-
],
|
|
109
|
-
},
|
|
110
|
-
],
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
type: 'title',
|
|
114
|
-
text: 'Comment ça fonctionne techniquement',
|
|
115
|
-
level: 3,
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
type: 'paragraph',
|
|
119
|
-
html: 'Les navigateurs modernes peuvent décoder le WebP nativement. Notre outil exploite cette capacité pour charger le fichier dans un élément JavaScript <strong>Image</strong>, puis le dessine sur un canvas HTML5 aux mêmes dimensions que l\'original. Contrairement à la conversion en JPG, aucun remplissage de fond n\'est nécessaire ici: le canvas conserve le canal alpha complet.',
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
type: 'paragraph',
|
|
123
|
-
html: 'L\'export final utilise la méthode <code>toDataURL(\'image/png\')</code>, qui génère un PNG sans perte fidèle à l\'original. Le résultat est un fichier prêt à être importé directement dans tout logiciel de design professionnel, sans étapes intermédiaires, dégradation des couleurs ni perte de transparence.',
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
type: 'tip',
|
|
127
|
-
title: 'Conseil pour les éditeurs',
|
|
128
|
-
html: 'Utilisez le PNG lorsque vous devez continuer à éditer l\'image. La compression sans perte garantit qu\'il n\'y aura aucune dégradation de qualité lors des sauvegardes répétées - essentiel quand vous travaillez avec des calques, des masques ou des ajustements de couleur dans Photoshop ou Figma.',
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
type: 'title',
|
|
132
|
-
text: 'Cas d\'usage et compatibilité',
|
|
133
|
-
level: 3,
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
type: 'list',
|
|
137
|
-
icon: 'mdi:check-circle',
|
|
138
|
-
items: [
|
|
139
|
-
'Importer des ressources WebP dans Photoshop, Figma, Sketch ou Illustrator.',
|
|
140
|
-
'Conserver la transparence dans les logos et icônes pour usage sur fonds multiples.',
|
|
141
|
-
'Créer des copies maîtres de graphismes pour des projets à long terme.',
|
|
142
|
-
'Exporter des assets pour applications mobiles nécessitant PNG avec canal alpha.',
|
|
143
|
-
'Utiliser des images dans des maquettes et présentations design à fonds variables.',
|
|
144
|
-
],
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
type: 'title',
|
|
148
|
-
text: 'Conclusion',
|
|
149
|
-
level: 3,
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
type: 'paragraph',
|
|
153
|
-
html: 'Si le WebP est le format du serveur web, le PNG est le format du studio de design. Cet outil convertit vos ressources WebP en PNG prêts à la production, avec les transparences intactes et une qualité maximale - le tout dans votre navigateur, sans que vos fichiers ne quittent jamais votre machine.',
|
|
154
|
-
},
|
|
155
|
-
];
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
export const content: WebpAPngLocaleContent = {
|
|
159
|
-
slug,
|
|
160
|
-
title,
|
|
161
|
-
description,
|
|
162
|
-
ui,
|
|
163
|
-
seo,
|
|
164
|
-
faq,
|
|
165
|
-
bibliography,
|
|
166
|
-
howTo,
|
|
167
|
-
schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
|
|
168
|
-
};
|
|
18
|
+
bibliographyTitle: 'Références Bibliographiques',
|
|
19
|
+
faqTitle: 'Questions Fréquentes',
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
+
{
|
|
24
|
+
question: 'Pourquoi dois-je convertir mes fichiers WebP en PNG ?',
|
|
25
|
+
answer:
|
|
26
|
+
'Bien que plus légers, les fichiers WebP peuvent causer des incompatibilités dans les programmes d\'édition comme les anciennes versions de Photoshop. Le PNG assure une compatibilité universelle à 100%.',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
question: 'Les transparences sont-elles perdues lors de la conversion de WebP en PNG ?',
|
|
30
|
+
answer:
|
|
31
|
+
'Pas du tout. Contrairement à la conversion en JPG, le PNG prend en charge le canal alpha. Notre utilitaire préservera toutes les zones transparentes du fichier original.',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
question: 'Puis-je télécharger des fichiers confidentiels de mon entreprise ?',
|
|
35
|
+
answer:
|
|
36
|
+
'Vous pouvez et devriez le faire. Comme tout s\'exécute localement via JavaScript, les images de votre entreprise ne quitteront jamais votre ordinateur ni ne seront stockées sur des serveurs externes.',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
|
|
40
|
+
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
+
{
|
|
42
|
+
name: 'Faites glisser vos WebP',
|
|
43
|
+
text: 'Déplacez et déposez vos fichiers WebP sur le panneau principal ou sélectionnez les images traditionnellement.',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: 'Conversion haute fidélité',
|
|
47
|
+
text: 'Votre navigateur redessinera l\'image pixel par pixel et générera une copie exacte en format PNG, en maintenant la gamme de couleurs originale.',
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'Téléchargement individuel ou en masse',
|
|
51
|
+
text: 'Sauvegardez chaque fichier individuellement ou, si vous avez traité un lot, cliquez sur le bouton ZIP pour les télécharger tous ensemble.',
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
+
{
|
|
57
|
+
type: 'title',
|
|
58
|
+
text: 'Convertisseur WebP vers PNG: Le Choix Professionnel pour l\'Édition et le Design',
|
|
59
|
+
level: 2,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
type: 'paragraph',
|
|
63
|
+
html: 'Lorsqu\'un designer télécharge une ressource graphique au format <strong>WebP</strong> et tente de l\'ouvrir dans Photoshop, Figma ou Illustrator, le résultat peut être frustrant: le fichier ne se charge pas ou perd en qualité. Le format <strong>PNG</strong> est le standard incontesté de l\'édition professionnelle: compression sans perte, canal alpha complet et compatibilité garantie avec toute la chaîne de production créative.',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
type: 'title',
|
|
67
|
+
text: 'WebP pour le Web, PNG pour le Studio',
|
|
68
|
+
level: 3,
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
type: 'paragraph',
|
|
72
|
+
html: 'WebP est un format de production web: ses algorithmes de compression sont optimisés pour réduire le poids de transfert, pas pour préserver une fidélité maximale dans les flux d\'édition itératifs. Chaque fois que vous sauvegardez un WebP modifié, le codec applique à nouveau la compression. Pour les projets où un fichier sera modifié de nombreuses fois, cela représente une dégradation cumulative de la qualité.',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
type: 'paragraph',
|
|
76
|
+
html: 'Le PNG utilise une compression <strong>sans perte</strong>: les données de chaque pixel sont préservées intégralement, quel que soit le nombre de fois où vous sauvegardez. C\'est le format choisi par les designers UI/UX, les illustrateurs numériques et les équipes de branding qui ont besoin de maintenir l\'intégrité visuelle sur des dizaines de révisions. Des outils comme Photoshop, Figma, Sketch et Illustrator traitent le PNG comme leur principal format d\'exportation.',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
type: 'title',
|
|
80
|
+
text: 'Comparatif: Conversion Locale vs Cloud',
|
|
81
|
+
level: 3,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
type: 'comparative',
|
|
85
|
+
items: [
|
|
86
|
+
{
|
|
87
|
+
title: 'Convertisseurs Cloud',
|
|
88
|
+
description: 'Outils qui téléchargent vos fichiers vers un serveur distant.',
|
|
89
|
+
icon: 'mdi:cloud-upload',
|
|
90
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
+
points: [
|
|
92
|
+
'Vos ressources de design sont stockées sur des serveurs tiers',
|
|
93
|
+
'Traitement distant lent pour les fichiers volumineux',
|
|
94
|
+
'Risque de fuite pour les projets clients confidentiels',
|
|
95
|
+
'Conversion par lots limitée ou payante',
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
title: 'Notre Architecture Locale',
|
|
100
|
+
description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
|
|
101
|
+
icon: 'mdi:laptop-mac',
|
|
102
|
+
highlight: true,
|
|
103
|
+
points: [
|
|
104
|
+
'Vos designs ne quittent jamais votre machine',
|
|
105
|
+
'Conversion par lots de dizaines de fichiers instantanément',
|
|
106
|
+
'Préservation totale du canal alpha et de la gamme de couleurs',
|
|
107
|
+
'Confidentialité absolue pour les projets clients',
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
type: 'title',
|
|
114
|
+
text: 'Comment ça fonctionne techniquement',
|
|
115
|
+
level: 3,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
type: 'paragraph',
|
|
119
|
+
html: 'Les navigateurs modernes peuvent décoder le WebP nativement. Notre outil exploite cette capacité pour charger le fichier dans un élément JavaScript <strong>Image</strong>, puis le dessine sur un canvas HTML5 aux mêmes dimensions que l\'original. Contrairement à la conversion en JPG, aucun remplissage de fond n\'est nécessaire ici: le canvas conserve le canal alpha complet.',
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: 'paragraph',
|
|
123
|
+
html: 'L\'export final utilise la méthode <code>toDataURL(\'image/png\')</code>, qui génère un PNG sans perte fidèle à l\'original. Le résultat est un fichier prêt à être importé directement dans tout logiciel de design professionnel, sans étapes intermédiaires, dégradation des couleurs ni perte de transparence.',
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
type: 'tip',
|
|
127
|
+
title: 'Conseil pour les éditeurs',
|
|
128
|
+
html: 'Utilisez le PNG lorsque vous devez continuer à éditer l\'image. La compression sans perte garantit qu\'il n\'y aura aucune dégradation de qualité lors des sauvegardes répétées - essentiel quand vous travaillez avec des calques, des masques ou des ajustements de couleur dans Photoshop ou Figma.',
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
type: 'title',
|
|
132
|
+
text: 'Cas d\'usage et compatibilité',
|
|
133
|
+
level: 3,
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
icon: 'mdi:check-circle',
|
|
138
|
+
items: [
|
|
139
|
+
'Importer des ressources WebP dans Photoshop, Figma, Sketch ou Illustrator.',
|
|
140
|
+
'Conserver la transparence dans les logos et icônes pour usage sur fonds multiples.',
|
|
141
|
+
'Créer des copies maîtres de graphismes pour des projets à long terme.',
|
|
142
|
+
'Exporter des assets pour applications mobiles nécessitant PNG avec canal alpha.',
|
|
143
|
+
'Utiliser des images dans des maquettes et présentations design à fonds variables.',
|
|
144
|
+
],
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
type: 'title',
|
|
148
|
+
text: 'Conclusion',
|
|
149
|
+
level: 3,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
type: 'paragraph',
|
|
153
|
+
html: 'Si le WebP est le format du serveur web, le PNG est le format du studio de design. Cet outil convertit vos ressources WebP en PNG prêts à la production, avec les transparences intactes et une qualité maximale - le tout dans votre navigateur, sans que vos fichiers ne quittent jamais votre machine.',
|
|
154
|
+
},
|
|
155
|
+
];
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
export const content: WebpAPngLocaleContent = {
|
|
159
|
+
slug,
|
|
160
|
+
title,
|
|
161
|
+
description,
|
|
162
|
+
ui,
|
|
163
|
+
seo,
|
|
164
|
+
faq,
|
|
165
|
+
bibliography,
|
|
166
|
+
howTo,
|
|
167
|
+
schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
|
|
168
|
+
};
|