@jjlmoya/utils-converters 1.1.0 → 1.3.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 +1 -1
- package/src/shared/style.css +2 -2
- package/src/tool/avifAJpg/i18n/en.ts +79 -14
- package/src/tool/avifAJpg/i18n/es.ts +79 -14
- package/src/tool/avifAJpg/i18n/fr.ts +82 -12
- package/src/tool/avifAPng/i18n/en.ts +82 -12
- package/src/tool/avifAPng/i18n/es.ts +79 -14
- package/src/tool/avifAPng/i18n/fr.ts +82 -12
- package/src/tool/avifAWebp/i18n/en.ts +82 -12
- package/src/tool/avifAWebp/i18n/es.ts +79 -14
- package/src/tool/avifAWebp/i18n/fr.ts +82 -12
- package/src/tool/bmpAJpg/i18n/en.ts +79 -14
- package/src/tool/bmpAJpg/i18n/es.ts +79 -14
- package/src/tool/bmpAJpg/i18n/fr.ts +82 -12
- package/src/tool/bmpAPng/i18n/en.ts +79 -14
- package/src/tool/bmpAPng/i18n/es.ts +79 -14
- package/src/tool/bmpAPng/i18n/fr.ts +82 -12
- package/src/tool/bmpAWebp/i18n/en.ts +82 -12
- package/src/tool/bmpAWebp/i18n/es.ts +79 -14
- package/src/tool/bmpAWebp/i18n/fr.ts +82 -12
- package/src/tool/gifAJpg/i18n/en.ts +79 -14
- package/src/tool/gifAJpg/i18n/es.ts +79 -14
- package/src/tool/gifAJpg/i18n/fr.ts +82 -12
- package/src/tool/gifAPng/i18n/en.ts +79 -14
- package/src/tool/gifAPng/i18n/es.ts +79 -14
- package/src/tool/gifAPng/i18n/fr.ts +82 -12
- package/src/tool/gifAWebp/i18n/en.ts +79 -14
- package/src/tool/gifAWebp/i18n/es.ts +79 -14
- package/src/tool/gifAWebp/i18n/fr.ts +82 -12
- package/src/tool/imagenBase64/i18n/en.ts +57 -16
- package/src/tool/imagenBase64/i18n/es.ts +57 -16
- package/src/tool/imagenBase64/i18n/fr.ts +59 -13
- package/src/tool/imagenBase64/style.css +1 -1
- package/src/tool/jpgAIco/i18n/en.ts +79 -14
- package/src/tool/jpgAIco/i18n/es.ts +79 -14
- package/src/tool/jpgAIco/i18n/fr.ts +82 -12
- package/src/tool/jpgAPng/i18n/en.ts +76 -16
- package/src/tool/jpgAPng/i18n/es.ts +76 -16
- package/src/tool/jpgAPng/i18n/fr.ts +79 -14
- package/src/tool/jpgAWebp/i18n/en.ts +82 -12
- package/src/tool/jpgAWebp/i18n/es.ts +79 -14
- package/src/tool/jpgAWebp/i18n/fr.ts +82 -12
- package/src/tool/pngAIco/i18n/en.ts +79 -14
- package/src/tool/pngAIco/i18n/es.ts +79 -14
- package/src/tool/pngAIco/i18n/fr.ts +82 -12
- package/src/tool/pngAWebp/i18n/en.ts +79 -14
- package/src/tool/pngAWebp/i18n/es.ts +76 -16
- package/src/tool/pngAWebp/i18n/fr.ts +82 -12
- package/src/tool/svgAJpg/i18n/en.ts +82 -12
- package/src/tool/svgAJpg/i18n/es.ts +79 -14
- package/src/tool/svgAJpg/i18n/fr.ts +82 -12
- package/src/tool/svgAPng/i18n/en.ts +79 -14
- package/src/tool/svgAPng/i18n/es.ts +76 -16
- package/src/tool/svgAPng/i18n/fr.ts +82 -12
- package/src/tool/webpAIco/i18n/en.ts +79 -14
- package/src/tool/webpAIco/i18n/es.ts +79 -14
- package/src/tool/webpAIco/i18n/fr.ts +82 -12
- package/src/tool/webpAJpg/i18n/en.ts +82 -12
- package/src/tool/webpAJpg/i18n/es.ts +79 -14
- package/src/tool/webpAJpg/i18n/fr.ts +82 -12
- package/src/tool/webpAPng/i18n/en.ts +79 -14
- package/src/tool/webpAPng/i18n/es.ts +76 -16
- package/src/tool/webpAPng/i18n/fr.ts +82 -12
|
@@ -65,32 +65,102 @@ const bibliography: GifAJpgLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: GifAJpgLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur GIF vers JPG en
|
|
68
|
+
text: 'Convertisseur GIF vers JPG : Extrayez des Fotogrammes en Images Haute Qualité',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Les GIF animés dominent les animations courtes sur le web depuis des décennies. Mais leur nature animée les rend totalement inutilisables comme miniatures, aperçus pour les réseaux sociaux ou images pour des documents. Lorsque vous avez besoin d\'extraire une image précise d\'un GIF et de la transformer en image statique haute qualité, la conversion en JPG est la solution la plus pratique et universellement compatible.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'GIF vs JPG : deux formats aux objectifs opposés',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Convertir GIF en JPG extrait la première image de l\'animation et la convertit en une image JPG statique. Pendant ce processus, les zones transparentes du GIF original sont remplacées par un fond blanc solide, car le JPG ne supporte pas la transparence.',
|
|
82
|
+
html: 'Le GIF (Graphics Interchange Format) a été conçu en 1987 avec une limitation sévère qui persiste encore aujourd\'hui : il ne peut représenter que 256 couleurs par image. Cette contrainte technique n\'avait pas d\'importance pour les animations simples à palettes réduites, mais elle en fait un format visuellement pauvre pour la photographie réelle. Le JPG, en revanche, peut restituer des millions de couleurs grâce à des algorithmes de compression perceptuelle avancés.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'Extraire une image d\'un GIF et la sauvegarder en JPG offre de nombreuses applications pratiques : générer des miniatures pour les lecteurs vidéo, créer des aperçus pour les systèmes de gestion de contenu, obtenir des images statiques pour des présentations, ou simplement archiver un moment visuel d\'une animation complexe. Le JPG résultant sera bien plus léger que le GIF original et universellement compatible.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparaison d\'Architecture : Local vs Cloud',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Convertisseurs Cloud',
|
|
98
|
+
description: 'Outils qui envoient vos fichiers vers un serveur distant pour les traiter.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Vos GIF transitent sur internet vers des serveurs tiers',
|
|
103
|
+
'Latence réseau à l\'envoi et au téléchargement',
|
|
104
|
+
'Limites de taille et de fichiers par session',
|
|
105
|
+
'Risque de rétention de données sur des serveurs externes',
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
title: 'Notre Architecture Locale',
|
|
110
|
+
description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
|
|
111
|
+
icon: 'mdi:laptop-mac',
|
|
112
|
+
highlight: true,
|
|
113
|
+
points: [
|
|
114
|
+
'Le GIF ne quitte jamais votre appareil',
|
|
115
|
+
'Vitesse instantanée sans attente réseau',
|
|
116
|
+
'Aucune limite de taille ni de quota de fichiers',
|
|
117
|
+
'Confidentialité totale : 0 octet envoyé à l\'extérieur',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Comment fonctionne l\'extraction technique d\'image',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
|
|
129
|
+
html: 'La conversion locale s\'appuie sur l\'API Canvas HTML5. Lorsque vous chargez un GIF, le navigateur le décode en mémoire sous forme d\'élément Image natif. En le rendant sur un canvas invisible, le moteur graphique du navigateur capture automatiquement la première image de la séquence d\'animation.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Comme le JPG ne supporte pas la transparence, notre algorithme applique un fond blanc solide avant l\'exportation. La méthode <code>toDataURL(\'image/jpeg\')</code> du canvas génère le flux d\'octets JPG directement dans la RAM de votre ordinateur, sans aucune connexion réseau. Le fichier résultant est immédiatement téléchargé sur votre appareil.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Palette de couleurs limitée du GIF',
|
|
138
|
+
html: 'Le GIF ne peut contenir que 256 couleurs par image. Le JPG extrait héritera de cette palette réduite du fichier original : si le GIF contenait des dégradés ou des photographies, il peut apparaître avec une certaine postérisation. Pour de meilleurs résultats, utilisez des GIF avec des couleurs simples ou des illustrations.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Cas d\'usage et compatibilité du JPG résultant',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Miniatures et aperçus pour plateformes vidéo et CMS.',
|
|
150
|
+
'Images de couverture pour publications sur les réseaux sociaux.',
|
|
151
|
+
'Insertion dans des documents Word, PowerPoint ou PDF.',
|
|
152
|
+
'Fichiers de présentation et supports marketing.',
|
|
153
|
+
'Compatibilité universelle avec les visionneuses sur Windows, macOS et mobile.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion : l\'image qui vaut plus que l\'animation',
|
|
159
|
+
level: 3,
|
|
89
160
|
},
|
|
90
161
|
{
|
|
91
162
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Convertissez GIF en JPG en extrayant la première image. Gratuit, privé et local. Fonds transparents automatiquement remplacés par du blanc pour une compatibilité JPG totale.',
|
|
163
|
+
html: 'Un GIF animé de 2 Mo peut produire un JPG de la première image de seulement 50 à 200 Ko selon la résolution. Notre outil effectue cette conversion instantanément, en toute confidentialité et sans limites, directement dans votre navigateur. Sans serveurs, sans comptes, sans attente.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: GifAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: GifAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'GIF to PNG Converter: Overcome GIF\'s Color and Transparency Limits',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'GIF was designed in an era when monitors could barely display 256 colors. Decades later, that limitation remains its biggest weakness. PNG was created precisely to replace GIF in every use case where quality and transparency matter: logos, icons, UI graphics, and any image with a transparent background that must look perfect over any background color.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'GIF vs PNG: the 16-million-color revolution',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Another advantage of PNG over JPG for this type of conversion is lossless quality. PNG uses lossless compression, meaning the image extracted from the GIF will maintain all its details without the compression artifacts that JPG format would introduce.',
|
|
82
|
+
html: 'The most critical difference between GIF and PNG is not just the number of colors. GIF supports binary transparency: each pixel is either opaque or fully transparent, with no gradations. PNG, on the other hand, supports full alpha channel with 256 opacity levels per pixel. This means that logo edges in PNG can be perfectly smooth, while GIF edges show characteristic jaggedness over colored backgrounds.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'Beyond superior transparency, PNG removes GIF\'s 256-color limit. Screenshots, illustrations with gradients, logos with shadows — all look significantly better in PNG. And because it uses lossless compression, every pixel retains its exact original value, without the artifacts a JPG conversion would introduce.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Architecture Comparison: Local vs Cloud',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Cloud Converters',
|
|
98
|
+
description: 'Tools that process your images on remote servers.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Your logos and icons travel over the internet',
|
|
103
|
+
'Waiting time due to network latency',
|
|
104
|
+
'Size and file number limits',
|
|
105
|
+
'Your images may remain in third-party caches',
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
title: 'Our Local Architecture',
|
|
110
|
+
description: 'Direct processing on your hardware using Vanilla JS technology.',
|
|
111
|
+
icon: 'mdi:laptop-mac',
|
|
112
|
+
highlight: true,
|
|
113
|
+
points: [
|
|
114
|
+
'The GIF never leaves your device',
|
|
115
|
+
'Instant conversion with no network',
|
|
116
|
+
'No file or size limits',
|
|
117
|
+
'Absolute privacy: 0 bytes sent',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'How the local GIF to PNG conversion works',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
'A 500 KB animated GIF can produce a PNG of the first frame between 50 KB and 200 KB, depending on image complexity and colors. If it has transparency, the PNG will preserve it perfectly.',
|
|
129
|
+
html: 'The conversion uses the browser\'s Canvas API. The GIF is decoded in memory as a native Image element. By rendering it onto an HTML5 canvas, the browser\'s graphics engine captures the first frame with all its original transparency information intact.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'Unlike a JPG conversion, with PNG there is no need to add a white background. The alpha channel from the original GIF is preserved directly in the exported PNG. The canvas <code>toDataURL(\'image/png\')</code> method generates the PNG byte stream in your computer\'s RAM, with no network transmission, and the file downloads directly.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'GIF binary transparency vs PNG full alpha channel',
|
|
138
|
+
html: 'GIF only supports binary transparency (opaque or transparent). When converting to PNG, the semi-transparent GIF pixels are preserved as the browser interprets them. If your GIF has jagged edges, the PNG will keep them — but you can then smooth them with edge anti-aliasing in any editor, something impossible with the original GIF.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Use cases and compatibility of the resulting PNG',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Logos and icons for use over any background color.',
|
|
150
|
+
'Avatars for Discord, Telegram, Slack and gaming platforms.',
|
|
151
|
+
'UI graphics for web and mobile applications.',
|
|
152
|
+
'Custom stickers and emojis with transparent backgrounds.',
|
|
153
|
+
'Screenshots and UI elements for technical documentation.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion: PNG is what GIF always wanted to be',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convert GIF to PNG preserving transparency and without quality loss. First frame extraction for free, privately and locally in your browser.',
|
|
163
|
+
html: 'Converting from GIF to PNG is not just a format change: it is upgrading an image to the modern standard that GIF could never reach. More colors, better transparency, less weight. Our tool performs this conversion in milliseconds, directly in your browser, without sending any data externally.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: GifAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: GifAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertidor GIF a PNG
|
|
68
|
+
text: 'Convertidor de GIF a PNG: Supera los Límites de Color y Transparencia del GIF',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'El GIF fue diseñado en una época en que los monitores apenas podían mostrar 256 colores. Décadas después, esa limitación sigue siendo su mayor debilidad. El PNG nació precisamente para reemplazar al GIF en todos los casos de uso donde la calidad y la transparencia importan: logos, iconos, gráficos de interfaz y cualquier imagen con fondo transparente que deba lucir perfecta sobre cualquier color de fondo.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'GIF vs PNG: la revolución de los 16 millones de colores',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Otra ventaja del PNG sobre el JPG para este tipo de conversión es la calidad sin pérdida. PNG utiliza compresión sin pérdida, lo que significa que la imagen extraída del GIF mantendrá todos sus detalles sin los artefactos de compresión que introduciría el formato JPG.',
|
|
82
|
+
html: 'La diferencia más crítica entre GIF y PNG no es solo el número de colores. El GIF soporta transparencia binaria: cada píxel es opaco o completamente transparente, sin gradaciones. El PNG, en cambio, soporta canal alfa completo, con 256 niveles de opacidad por píxel. Esto significa que los bordes de un logo en PNG pueden ser perfectamente suavizados, mientras que los del GIF muestran un dentado característico sobre fondos de colores.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'La conversión se realiza íntegramente en el navegador. El GIF se carga en memoria, se renderiza el primer fotograma en un canvas HTML5 y se exporta como PNG. No se establece ninguna conexión de red durante todo el proceso.',
|
|
86
|
+
html: 'Además de la transparencia superior, el PNG elimina el límite de 256 colores del GIF. Capturas de pantalla, ilustraciones con degradados, logotipos con sombras: todos se ven significativamente mejor en PNG. Y al ser compresión sin pérdida, cada píxel conserva exactamente el valor original, sin los artefactos que introduciría una conversión a JPG.',
|
|
84
87
|
},
|
|
85
88
|
{
|
|
86
|
-
type: '
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparativa de Arquitectura: Local vs Nube',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Convertidores Cloud',
|
|
98
|
+
description: 'Herramientas que procesan tus imágenes en servidores remotos.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Tus logos e iconos viajan por internet',
|
|
103
|
+
'Tiempo de espera por latencia de red',
|
|
104
|
+
'Límites de tamaño y número de archivos',
|
|
105
|
+
'Tus imágenes pueden quedar en cachés de terceros',
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
title: 'Nuestra Arquitectura Local',
|
|
110
|
+
description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
|
|
111
|
+
icon: 'mdi:laptop-mac',
|
|
112
|
+
highlight: true,
|
|
113
|
+
points: [
|
|
114
|
+
'El GIF nunca abandona tu dispositivo',
|
|
115
|
+
'Conversión instantánea sin red',
|
|
116
|
+
'Sin límites de archivos ni de tamaño',
|
|
117
|
+
'Privacidad absoluta: 0 bytes enviados',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Cómo funciona la conversión local GIF a PNG',
|
|
125
|
+
level: 3,
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
type: 'paragraph',
|
|
129
|
+
html: 'La conversión utiliza el Canvas API del navegador. El GIF se decodifica en memoria como un elemento Image nativo. Al renderizarlo sobre un canvas HTML5, el motor gráfico del navegador captura el primer fotograma con toda su información de transparencia original intacta.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'A diferencia de la conversión a JPG, con PNG no es necesario añadir un fondo blanco. El canal alfa del GIF original se preserva directamente en el PNG exportado. El método <code>toDataURL(\'image/png\')</code> genera el flujo de bytes PNG en la RAM de tu ordenador, sin ninguna transmisión de red, y el archivo se descarga directamente.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Transparencia binaria del GIF vs canal alfa del PNG',
|
|
138
|
+
html: 'El GIF solo soporta transparencia binaria (opaco o transparente). Al convertir a PNG, los píxeles semi-transparentes del GIF se mantienen tal como el navegador los interpreta. Si tu GIF tiene bordes dentados, el PNG los conservará — pero podrás editarlos con suavizado de bordes en cualquier editor, algo imposible con el GIF original.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Casos de uso y compatibilidad del PNG resultante',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Logos e iconos para uso sobre cualquier color de fondo.',
|
|
150
|
+
'Avatares para Discord, Telegram, Slack y plataformas de gaming.',
|
|
151
|
+
'Gráficos de interfaz para aplicaciones web y móviles.',
|
|
152
|
+
'Stickers y emojis personalizados con fondo transparente.',
|
|
153
|
+
'Capturas de pantalla y elementos UI para documentación técnica.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusión: PNG es lo que el GIF siempre quiso ser',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convierte GIF a PNG preservando transparencias y sin pérdida de calidad. Extracción del primer fotograma de forma gratuita, privada y local en tu navegador.',
|
|
163
|
+
html: 'Convertir de GIF a PNG no es solo cambiar de formato: es actualizar una imagen al estándar moderno que el GIF nunca pudo alcanzar. Más colores, mejor transparencia, menos peso. Nuestra herramienta realiza esta conversión en milisegundos, directamente en tu navegador, sin enviar ningún dato al exterior.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,32 +65,102 @@ const bibliography: GifAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: GifAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur GIF vers PNG
|
|
68
|
+
text: 'Convertisseur GIF vers PNG : Dépassez les Limites de Couleurs et de Transparence du GIF',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Le GIF a été conçu à une époque où les moniteurs pouvaient à peine afficher 256 couleurs. Des décennies plus tard, cette limitation reste sa plus grande faiblesse. Le PNG a été créé précisément pour remplacer le GIF dans tous les cas d\'usage où la qualité et la transparence importent : logos, icônes, graphiques d\'interface et toute image à fond transparent devant s\'afficher parfaitement sur n\'importe quelle couleur de fond.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'GIF vs PNG : la révolution des 16 millions de couleurs',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Un autre avantage du PNG sur le JPG pour ce type de conversion est la qualité sans perte. Le PNG utilise une compression sans perte, ce qui signifie que l\'image extraite du GIF conservera tous ses détails sans les artefacts de compression que le format JPG introduirait.',
|
|
82
|
+
html: 'La différence la plus critique entre GIF et PNG n\'est pas seulement le nombre de couleurs. Le GIF supporte une transparence binaire : chaque pixel est soit opaque soit totalement transparent, sans gradation. Le PNG, en revanche, supporte un canal alpha complet avec 256 niveaux d\'opacité par pixel. Cela signifie que les bords d\'un logo en PNG peuvent être parfaitement lissés, tandis que ceux du GIF affichent un crénelage caractéristique sur les fonds colorés.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'En plus d\'une transparence supérieure, le PNG supprime la limite de 256 couleurs du GIF. Captures d\'écran, illustrations avec dégradés, logos avec ombres — tout s\'affiche bien mieux en PNG. Et comme il utilise une compression sans perte, chaque pixel conserve sa valeur exacte d\'origine, sans les artefacts qu\'une conversion JPG introduirait.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparaison d\'Architecture : Local vs Cloud',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Convertisseurs Cloud',
|
|
98
|
+
description: 'Outils qui traitent vos images sur des serveurs distants.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Vos logos et icônes transitent sur internet',
|
|
103
|
+
'Temps d\'attente dû à la latence réseau',
|
|
104
|
+
'Limites de taille et de nombre de fichiers',
|
|
105
|
+
'Vos images peuvent rester dans des caches tiers',
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
title: 'Notre Architecture Locale',
|
|
110
|
+
description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
|
|
111
|
+
icon: 'mdi:laptop-mac',
|
|
112
|
+
highlight: true,
|
|
113
|
+
points: [
|
|
114
|
+
'Le GIF ne quitte jamais votre appareil',
|
|
115
|
+
'Conversion instantanée sans réseau',
|
|
116
|
+
'Aucune limite de fichiers ni de taille',
|
|
117
|
+
'Confidentialité absolue : 0 octet envoyé',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Comment fonctionne la conversion locale GIF vers PNG',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
|
|
129
|
+
html: 'La conversion utilise l\'API Canvas du navigateur. Le GIF est décodé en mémoire sous forme d\'élément Image natif. En le rendant sur un canvas HTML5, le moteur graphique du navigateur capture la première image avec toutes ses informations de transparence d\'origine intactes.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Contrairement à une conversion JPG, avec le PNG il n\'est pas nécessaire d\'ajouter un fond blanc. Le canal alpha du GIF original est préservé directement dans le PNG exporté. La méthode <code>toDataURL(\'image/png\')</code> du canvas génère le flux d\'octets PNG dans la RAM de votre ordinateur, sans aucune transmission réseau, et le fichier est téléchargé directement.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Transparence binaire du GIF vs canal alpha complet du PNG',
|
|
138
|
+
html: 'Le GIF ne supporte que la transparence binaire (opaque ou transparent). Lors de la conversion en PNG, les pixels semi-transparents du GIF sont préservés tels que le navigateur les interprète. Si votre GIF a des bords crénelés, le PNG les conservera — mais vous pourrez ensuite les lisser avec un anti-aliasing dans n\'importe quel éditeur, chose impossible avec le GIF original.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Cas d\'usage et compatibilité du PNG résultant',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Logos et icônes utilisables sur n\'importe quelle couleur de fond.',
|
|
150
|
+
'Avatars pour Discord, Telegram, Slack et plateformes de jeu.',
|
|
151
|
+
'Graphiques d\'interface pour applications web et mobiles.',
|
|
152
|
+
'Stickers et emojis personnalisés à fond transparent.',
|
|
153
|
+
'Captures d\'écran et éléments UI pour la documentation technique.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion : le PNG est ce que le GIF a toujours voulu être',
|
|
159
|
+
level: 3,
|
|
89
160
|
},
|
|
90
161
|
{
|
|
91
162
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Convertissez GIF en PNG en préservant la transparence et sans perte de qualité. Extraction de la première image gratuitement, en toute confidentialité et localement dans votre navigateur.',
|
|
163
|
+
html: 'Convertir un GIF en PNG n\'est pas seulement changer de format : c\'est mettre à jour une image vers le standard moderne que le GIF n\'a jamais pu atteindre. Plus de couleurs, meilleure transparence, moins de poids. Notre outil effectue cette conversion en quelques millisecondes, directement dans votre navigateur, sans envoyer aucune donnée à l\'extérieur.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: GifAWebpLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: GifAWebpLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'GIF to WebP Converter: The Modern Replacement for Heavy Animations',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Animated GIFs are the dinosaurs of modern web content: they consume disproportionate bandwidth, degrade the PageSpeed of any page, and are responsible for a significant percentage of total weight on thousands of websites. A typical 5 MB animated GIF can become a WebP animation under 1 MB with the same visual quality. WebP is the modern successor Google specifically designed to replace GIF on the web.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'GIF vs WebP: the gap between the past and present of the web',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'The WebP format offers superior compression both lossy and lossless. For images extracted from GIFs with few colors or large uniform areas, lossless WebP compression can produce extraordinarily small files while maintaining perfect quality.',
|
|
82
|
+
html: 'GIF is a 1987 format not originally designed for animations — that feature arrived as a later hack. Its 256-color palette, inefficient compression, and inability to handle audio make it an obsolete format. WebP, developed by Google in 2010, offers superior compression both lossy and lossless, native animation support, and full alpha channel.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'For a web developer, replacing GIFs with WebP on pages can mean a 10-30 point improvement in Google PageSpeed score. Less page weight means better Core Web Vitals, better SEO rankings, and lower bandwidth costs on servers. It is not just an aesthetic improvement — it is a technical architecture decision.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Architecture Comparison: Local vs Cloud',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Cloud Converters',
|
|
98
|
+
description: 'Platforms that process your GIFs on remote servers.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Your animations travel over the internet to third-party servers',
|
|
103
|
+
'Waiting time due to network latency on upload and download',
|
|
104
|
+
'Size limits (large GIFs are often rejected)',
|
|
105
|
+
'Risk of file retention and analysis',
|
|
106
|
+
],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
title: 'Our Local Architecture',
|
|
110
|
+
description: 'Direct processing on your hardware using Vanilla JS technology.',
|
|
111
|
+
icon: 'mdi:laptop-mac',
|
|
112
|
+
highlight: true,
|
|
113
|
+
points: [
|
|
114
|
+
'The GIF never leaves your device',
|
|
115
|
+
'Instant conversion with no network wait',
|
|
116
|
+
'No size limits: process GIFs of any weight',
|
|
117
|
+
'Total privacy: 0 bytes sent externally',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'How the local GIF to WebP conversion works',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
'A 300 KB GIF can produce a static WebP of the first frame of just 15-50 KB if it has uniform areas and transparency. The size reduction can exceed 80%.',
|
|
129
|
+
html: 'The local conversion uses the HTML5 Canvas API. The GIF is loaded as a native browser Image element. By drawing it onto a canvas, the graphics engine captures the first animation frame with all its transparency information. The <code>toDataURL(\'image/webp\')</code> method exports the frame as WebP directly in RAM.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'WebP supports full alpha channel, so GIF transparencies are preserved in the resulting WebP without needing to add a background. WebP compression algorithms are significantly more efficient than GIF or PNG, which explains the drastic file size reduction of the final output.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Guaranteed PageSpeed improvement',
|
|
138
|
+
html: 'A 5 MB animated GIF can become a WebP under 1 MB. If you have GIFs on your website pages, replacing them with WebP can immediately improve your Largest Contentful Paint (LCP) and Total Blocking Time (TBT), directly impacting SEO rankings.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Use cases and compatibility of the resulting WebP',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Replacing GIFs on web pages to improve PageSpeed scores.',
|
|
150
|
+
'Optimized avatars and stickers for Discord, Slack and modern platforms.',
|
|
151
|
+
'Banners and visuals for digital marketing campaigns.',
|
|
152
|
+
'Animations in progressive web applications (PWA).',
|
|
153
|
+
'Compatible with Chrome, Edge, Firefox, Safari 14+ and all modern browsers.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion: migrate your GIFs to the 21st century',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convert GIF to static WebP for free and offline. Better compression than PNG and JPG, with transparency support. Processed locally without server contact.',
|
|
163
|
+
html: 'Every GIF on your website is a missed optimization opportunity. Our tool converts GIFs to WebP instantly, privately, and without limits, directly in your browser. The result: files up to 5 times smaller, perfect transparency, and compatibility with all modern browsers.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|