@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.
Files changed (63) hide show
  1. package/package.json +1 -1
  2. package/src/shared/style.css +2 -2
  3. package/src/tool/avifAJpg/i18n/en.ts +79 -14
  4. package/src/tool/avifAJpg/i18n/es.ts +79 -14
  5. package/src/tool/avifAJpg/i18n/fr.ts +82 -12
  6. package/src/tool/avifAPng/i18n/en.ts +82 -12
  7. package/src/tool/avifAPng/i18n/es.ts +79 -14
  8. package/src/tool/avifAPng/i18n/fr.ts +82 -12
  9. package/src/tool/avifAWebp/i18n/en.ts +82 -12
  10. package/src/tool/avifAWebp/i18n/es.ts +79 -14
  11. package/src/tool/avifAWebp/i18n/fr.ts +82 -12
  12. package/src/tool/bmpAJpg/i18n/en.ts +79 -14
  13. package/src/tool/bmpAJpg/i18n/es.ts +79 -14
  14. package/src/tool/bmpAJpg/i18n/fr.ts +82 -12
  15. package/src/tool/bmpAPng/i18n/en.ts +79 -14
  16. package/src/tool/bmpAPng/i18n/es.ts +79 -14
  17. package/src/tool/bmpAPng/i18n/fr.ts +82 -12
  18. package/src/tool/bmpAWebp/i18n/en.ts +82 -12
  19. package/src/tool/bmpAWebp/i18n/es.ts +79 -14
  20. package/src/tool/bmpAWebp/i18n/fr.ts +82 -12
  21. package/src/tool/gifAJpg/i18n/en.ts +79 -14
  22. package/src/tool/gifAJpg/i18n/es.ts +79 -14
  23. package/src/tool/gifAJpg/i18n/fr.ts +82 -12
  24. package/src/tool/gifAPng/i18n/en.ts +79 -14
  25. package/src/tool/gifAPng/i18n/es.ts +79 -14
  26. package/src/tool/gifAPng/i18n/fr.ts +82 -12
  27. package/src/tool/gifAWebp/i18n/en.ts +79 -14
  28. package/src/tool/gifAWebp/i18n/es.ts +79 -14
  29. package/src/tool/gifAWebp/i18n/fr.ts +82 -12
  30. package/src/tool/imagenBase64/i18n/en.ts +57 -16
  31. package/src/tool/imagenBase64/i18n/es.ts +57 -16
  32. package/src/tool/imagenBase64/i18n/fr.ts +59 -13
  33. package/src/tool/imagenBase64/style.css +1 -1
  34. package/src/tool/jpgAIco/i18n/en.ts +79 -14
  35. package/src/tool/jpgAIco/i18n/es.ts +79 -14
  36. package/src/tool/jpgAIco/i18n/fr.ts +82 -12
  37. package/src/tool/jpgAPng/i18n/en.ts +76 -16
  38. package/src/tool/jpgAPng/i18n/es.ts +76 -16
  39. package/src/tool/jpgAPng/i18n/fr.ts +79 -14
  40. package/src/tool/jpgAWebp/i18n/en.ts +82 -12
  41. package/src/tool/jpgAWebp/i18n/es.ts +79 -14
  42. package/src/tool/jpgAWebp/i18n/fr.ts +82 -12
  43. package/src/tool/pngAIco/i18n/en.ts +79 -14
  44. package/src/tool/pngAIco/i18n/es.ts +79 -14
  45. package/src/tool/pngAIco/i18n/fr.ts +82 -12
  46. package/src/tool/pngAWebp/i18n/en.ts +79 -14
  47. package/src/tool/pngAWebp/i18n/es.ts +76 -16
  48. package/src/tool/pngAWebp/i18n/fr.ts +82 -12
  49. package/src/tool/svgAJpg/i18n/en.ts +82 -12
  50. package/src/tool/svgAJpg/i18n/es.ts +79 -14
  51. package/src/tool/svgAJpg/i18n/fr.ts +82 -12
  52. package/src/tool/svgAPng/i18n/en.ts +79 -14
  53. package/src/tool/svgAPng/i18n/es.ts +76 -16
  54. package/src/tool/svgAPng/i18n/fr.ts +82 -12
  55. package/src/tool/webpAIco/i18n/en.ts +79 -14
  56. package/src/tool/webpAIco/i18n/es.ts +79 -14
  57. package/src/tool/webpAIco/i18n/fr.ts +82 -12
  58. package/src/tool/webpAJpg/i18n/en.ts +82 -12
  59. package/src/tool/webpAJpg/i18n/es.ts +79 -14
  60. package/src/tool/webpAJpg/i18n/fr.ts +82 -12
  61. package/src/tool/webpAPng/i18n/en.ts +79 -14
  62. package/src/tool/webpAPng/i18n/es.ts +76 -16
  63. package/src/tool/webpAPng/i18n/fr.ts +82 -12
@@ -69,37 +69,102 @@ const bibliography: WebpAJpgLocaleContent['bibliography'] = [
69
69
  const seo: WebpAJpgLocaleContent['seo'] = [
70
70
  {
71
71
  type: 'title',
72
- text: 'Convertidor WebP a JPG Online Gratuito',
72
+ text: 'Convertidor WebP a JPG: Compatibilidad Universal sin Comprometer tu Privacidad',
73
+ level: 2,
73
74
  },
74
75
  {
75
76
  type: 'paragraph',
76
- html:
77
- 'El formato WebP es el estándar moderno de Google para imágenes web, pero su compatibilidad con software antiguo y dispositivos más limitados puede ser problemática. Convertir WebP a JPG garantiza que tus imágenes puedan ser abiertas por prácticamente cualquier programa, dispositivo o plataforma del mundo, ya que JPG es el formato fotográfico más universalmente soportado.',
77
+ html: 'El formato <strong>WebP</strong> es la apuesta de Google por la eficiencia: imágenes más ligeras con calidad comparable al JPG tradicional. Sin embargo, su compatibilidad sigue siendo un problema real. Clientes de correo electrónico como Outlook, software de diseño heredado, aplicaciones de mensajería y flujos de trabajo corporativos todavía dependen del omnipresente <strong>JPG</strong>. Convertir WebP a JPG es el puente entre la web moderna y el mundo real.',
78
+ },
79
+ {
80
+ type: 'title',
81
+ text: 'WebP vs JPG: ¿Cuándo usar cada formato?',
82
+ level: 3,
78
83
  },
79
84
  {
80
85
  type: 'paragraph',
81
- html:
82
- 'Un aspecto técnico importante a considerar es el manejo de las transparencias. El formato JPG no soporta el canal alfa, por lo que cualquier área transparente presente en el archivo WebP original será sustituida automáticamente por un fondo blanco sólido durante la conversión. Si necesitas preservar la transparencia, considera usar el formato PNG como destino en su lugar.',
86
+ html: 'WebP brilla en entornos controlados: sitios web modernos con Chrome, Edge o Firefox donde se puede garantizar la compatibilidad del navegador. Su compresión superior reduce el peso de los archivos entre un 25 y un 35 % respecto a JPG equivalente, mejorando los tiempos de carga y las métricas Core Web Vitals. Es el formato ideal cuando controlas el entorno de visualización.',
83
87
  },
84
88
  {
85
89
  type: 'paragraph',
86
- html:
87
- 'La conversión se realiza completamente en tu navegador mediante JavaScript y el Canvas API de HTML5. No se requiere ninguna instalación de software adicional y los archivos nunca se envían a ningún servidor externo, lo que garantiza una privacidad total para imágenes personales, corporativas o de cualquier naturaleza sensible.',
90
+ html: 'JPG, por otro lado, funciona en <em>absolutamente todos los contextos</em>: correos electrónicos adjuntos, presentaciones de PowerPoint, documentos Word, impresoras domésticas, aplicaciones de edición antiguas y plataformas de redes sociales sin excepción. Si necesitas que alguien abra tu imagen sin fricción técnica alguna, JPG es la respuesta correcta.',
88
91
  },
89
92
  {
90
- type: 'tip',
91
- html:
92
- 'Para mejores resultados, convierte WebP a JPG cuando necesites compartir fotos por email o redes sociales donde el tamaño importa. Si necesitas transparencia, usa WebP a PNG en su lugar.',
93
+ type: 'title',
94
+ text: 'Comparativa: Conversión Local vs Nube',
95
+ level: 3,
96
+ },
97
+ {
98
+ type: 'comparative',
99
+ items: [
100
+ {
101
+ title: 'Convertidores Cloud',
102
+ description: 'Herramientas que suben tus archivos a un servidor remoto.',
103
+ icon: 'mdi:cloud-upload',
104
+ pointIcon: 'mdi:close-circle-outline',
105
+ points: [
106
+ 'Tus fotos viajan por Internet a servidores desconocidos',
107
+ 'Tiempo de espera por subida y procesamiento remoto',
108
+ 'Límites de tamaño y conversiones gratuitas por día',
109
+ 'Riesgo real de retención de datos en servidores de terceros',
110
+ ],
111
+ },
112
+ {
113
+ title: 'Nuestra Arquitectura Local',
114
+ description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
115
+ icon: 'mdi:laptop-mac',
116
+ highlight: true,
117
+ points: [
118
+ 'Cero bytes enviados: todo ocurre en tu RAM',
119
+ 'Velocidad instantánea sin depender de tu conexión',
120
+ 'Sin límites de tamaño ni número de archivos',
121
+ 'Ideal para fotos personales, médicas o corporativas',
122
+ ],
123
+ },
124
+ ],
125
+ },
126
+ {
127
+ type: 'title',
128
+ text: 'Cómo funciona técnicamente',
129
+ level: 3,
130
+ },
131
+ {
132
+ type: 'paragraph',
133
+ html: 'Cuando arrastras un archivo WebP a la herramienta, el navegador lo decodifica de forma nativa usando su motor de renderizado interno. A continuación, el archivo se dibuja sobre un elemento <strong>Canvas HTML5</strong> invisible. Dado que JPG no admite transparencias, el algoritmo rellena previamente el canvas con un fondo blanco sólido antes de componer la imagen encima.',
93
134
  },
94
135
  {
95
136
  type: 'paragraph',
96
- html:
97
- 'El formato JPG tiene una compatibilidad del 100% entre todos los navegadores, sistemas operativos y dispositivos, mientras que WebP puede no ser compatible con algunos lectores de imágenes y editores más antiguos.',
137
+ html: 'El paso final es la exportación: el método <code>toDataURL(\'image/jpeg\')</code> del Canvas convierte los píxeles del lienzo en un flujo de bytes JPG comprimido con alta calidad. Este flujo se entrega directamente al sistema de descarga del navegador, sin ninguna comunicación de red. El proceso completo dura milisegundos incluso para imágenes de varios megapíxeles.',
138
+ },
139
+ {
140
+ type: 'tip',
141
+ title: 'Consejo de compatibilidad',
142
+ html: 'Cuando compartas fotos con usuarios no técnicos o las envíes por correo electrónico, usa siempre JPG. Es el formato con compatibilidad garantizada al 100 % en cualquier cliente de correo, sistema operativo o dispositivo, sin excepciones ni sorpresas desagradables.',
143
+ },
144
+ {
145
+ type: 'title',
146
+ text: 'Casos de uso y compatibilidad',
147
+ level: 3,
148
+ },
149
+ {
150
+ type: 'list',
151
+ icon: 'mdi:check-circle',
152
+ items: [
153
+ 'Adjuntar fotos en correos electrónicos desde Outlook, Gmail o Apple Mail.',
154
+ 'Insertar imágenes en documentos Word, Excel o presentaciones PowerPoint.',
155
+ 'Publicar en plataformas de redes sociales que rechazan WebP.',
156
+ 'Compartir por WhatsApp o aplicaciones de mensajería con soporte limitado de formatos.',
157
+ 'Imprimir fotografías en servicios de impresión que solo aceptan JPG o PNG.',
158
+ ],
159
+ },
160
+ {
161
+ type: 'title',
162
+ text: 'Conclusión',
163
+ level: 3,
98
164
  },
99
165
  {
100
166
  type: 'paragraph',
101
- html:
102
- 'Convierte WebP a JPG de forma local, gratuita y sin límites. Sin servidores, sin registro, compatible con todos tus dispositivos y archivos.',
167
+ html: 'WebP es el futuro de la imagen web, pero JPG sigue siendo el rey de la compatibilidad universal. Esta herramienta te permite cruzar ese puente en segundos, de forma completamente privada y sin instalar nada. Tu imagen nunca abandona tu dispositivo.',
103
168
  },
104
169
  ];
105
170
 
@@ -69,32 +69,102 @@ const bibliography: WebpAJpgLocaleContent['bibliography'] = [
69
69
  const seo: WebpAJpgLocaleContent['seo'] = [
70
70
  {
71
71
  type: 'title',
72
- text: 'Convertisseur WebP vers JPG en Ligne Gratuit',
72
+ text: 'Convertisseur WebP vers JPG : Compatibilité Universelle sans Compromettre la Confidentialité',
73
+ level: 2,
73
74
  },
74
75
  {
75
76
  type: 'paragraph',
76
- html:
77
- 'WebP est le standard d\'image web moderne de Google, mais sa compatibilité avec les logiciels plus anciens peut être problématique. Convertir WebP en JPG garantit que vos images peuvent être ouvertes par pratiquement n\'importe quel programme, appareil ou plateforme, car JPG est le format photographique le plus universellement supporté.',
77
+ html: 'Le format <strong>WebP</strong> est le pari de Google sur l\'efficacité : des images plus légères avec une qualité comparable au JPG traditionnel. Pourtant, sa compatibilité reste un problème concret. Les clients de messagerie comme Outlook, les logiciels de design anciens, les applications de messagerie et les flux de travail d\'entreprise dépendent encore du <strong>JPG</strong> omniprésent. Convertir WebP en JPG, c\'est construire le pont entre le web moderne et le monde réel.',
78
+ },
79
+ {
80
+ type: 'title',
81
+ text: 'WebP vs JPG : Quand Utiliser Chaque Format ?',
82
+ level: 3,
78
83
  },
79
84
  {
80
85
  type: 'paragraph',
81
- html:
82
- 'Un aspect technique important à considérer est la gestion de la transparence. Le format JPG ne prend pas en charge le canal alpha, donc toute zone transparente dans le fichier WebP original sera automatiquement remplacée par un fond blanc solide lors de la conversion.',
86
+ html: 'WebP excelle dans les environnements maîtrisés : sites web modernes sur Chrome, Edge ou Firefox où la compatibilité du navigateur est garantie. Sa compression supérieure réduit le poids des fichiers de 25 à 35 % par rapport à un JPG équivalent, améliorant les temps de chargement et les métriques Core Web Vitals. C\'est le format idéal quand vous contrôlez l\'environnement d\'affichage.',
83
87
  },
84
88
  {
85
- type: 'tip',
86
- html:
87
- 'Pour de meilleurs résultats, convertissez WebP en JPG lorsque vous devez partager des photos par e-mail ou réseaux sociaux où la taille est importante. Si vous avez besoin de transparence, utilisez WebP vers PNG.',
89
+ type: 'paragraph',
90
+ html: 'Le JPG, en revanche, fonctionne dans <em>absolument tous les contextes</em> : pièces jointes d\'e-mail, présentations PowerPoint, documents Word, imprimantes domestiques, applications d\'édition héritées et plateformes de réseaux sociaux sans exception. Si vous avez besoin qu\'une personne ouvre votre image sans aucune friction technique, JPG est la bonne réponse.',
91
+ },
92
+ {
93
+ type: 'title',
94
+ text: 'Comparatif : Conversion Locale vs Cloud',
95
+ level: 3,
96
+ },
97
+ {
98
+ type: 'comparative',
99
+ items: [
100
+ {
101
+ title: 'Convertisseurs Cloud',
102
+ description: 'Outils qui téléchargent vos fichiers vers un serveur distant.',
103
+ icon: 'mdi:cloud-upload',
104
+ pointIcon: 'mdi:close-circle-outline',
105
+ points: [
106
+ 'Vos photos transitent par Internet vers des serveurs inconnus',
107
+ 'Temps d\'attente pour l\'upload et le traitement distant',
108
+ 'Limites quotidiennes de taille et de conversions gratuites',
109
+ 'Risque réel de rétention des données sur des serveurs tiers',
110
+ ],
111
+ },
112
+ {
113
+ title: 'Notre Architecture Locale',
114
+ description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
115
+ icon: 'mdi:laptop-mac',
116
+ highlight: true,
117
+ points: [
118
+ 'Zéro octet envoyé : tout se passe dans votre RAM',
119
+ 'Vitesse instantanée sans dépendre de votre connexion',
120
+ 'Aucune limite de taille ni de nombre de fichiers',
121
+ 'Idéal pour les photos personnelles, médicales ou d\'entreprise',
122
+ ],
123
+ },
124
+ ],
125
+ },
126
+ {
127
+ type: 'title',
128
+ text: 'Comment ça fonctionne techniquement',
129
+ level: 3,
88
130
  },
89
131
  {
90
132
  type: 'paragraph',
91
- html:
92
- 'Le format JPG a une compatibilité de 100% sur tous les navigateurs, systèmes d\'exploitation et appareils, tandis que WebP peut ne pas être compatible avec certains visionneuses d\'images et éditeurs plus anciens.',
133
+ html: 'Lorsque vous glissez un fichier WebP dans l\'outil, le navigateur le décode nativement via son moteur de rendu interne. Le fichier est ensuite dessiné sur un élément <strong>Canvas HTML5</strong> invisible. Comme le JPG ne supporte pas la transparence, l\'algorithme pré-remplit le canvas avec un fond blanc solide avant de composer l\'image par-dessus.',
134
+ },
135
+ {
136
+ type: 'paragraph',
137
+ html: 'L\'étape finale est l\'export : la méthode Canvas <code>toDataURL(\'image/jpeg\')</code> convertit les pixels du canevas en un flux d\'octets JPG compressé en haute qualité. Ce flux est livré directement au système de téléchargement du navigateur, sans aucune communication réseau. L\'ensemble du processus prend quelques millisecondes même pour des images de plusieurs mégapixels.',
138
+ },
139
+ {
140
+ type: 'tip',
141
+ title: 'Conseil de compatibilité',
142
+ html: 'Lorsque vous partagez des photos avec des utilisateurs non techniques ou les envoyez par e-mail, utilisez toujours le JPG — compatibilité garantie à 100 % sur tout client de messagerie, système d\'exploitation ou appareil, sans exceptions ni mauvaises surprises.',
143
+ },
144
+ {
145
+ type: 'title',
146
+ text: 'Cas d\'usage et compatibilité',
147
+ level: 3,
148
+ },
149
+ {
150
+ type: 'list',
151
+ icon: 'mdi:check-circle',
152
+ items: [
153
+ 'Joindre des photos dans des e-mails depuis Outlook, Gmail ou Apple Mail.',
154
+ 'Insérer des images dans des documents Word, Excel ou présentations PowerPoint.',
155
+ 'Publier sur des plateformes de réseaux sociaux qui rejettent le WebP.',
156
+ 'Partager via WhatsApp ou applications de messagerie au support de formats limité.',
157
+ 'Imprimer des photographies dans des services qui n\'acceptent que le JPG ou PNG.',
158
+ ],
159
+ },
160
+ {
161
+ type: 'title',
162
+ text: 'Conclusion',
163
+ level: 3,
93
164
  },
94
165
  {
95
166
  type: 'paragraph',
96
- html:
97
- 'Convertissez WebP en JPG localement, gratuitement et sans limites. Sans serveurs, sans inscription, compatible avec tous vos appareils et fichiers.',
167
+ html: 'WebP est l\'avenir de l\'image web, mais le JPG reste le roi de la compatibilité universelle. Cet outil vous permet de franchir ce pont en quelques secondes, en toute confidentialité et sans rien installer. Votre image ne quitte jamais votre appareil.',
98
168
  },
99
169
  ];
100
170
 
@@ -69,37 +69,102 @@ const bibliography: WebpAPngLocaleContent['bibliography'] = [
69
69
  const seo: WebpAPngLocaleContent['seo'] = [
70
70
  {
71
71
  type: 'title',
72
- text: 'Free Online WebP to PNG Converter',
72
+ text: 'WebP to PNG Converter: The Professional Choice for Editing and Design',
73
+ level: 2,
73
74
  },
74
75
  {
75
76
  type: 'paragraph',
76
- html:
77
- 'WebP was developed by Google as a modern alternative to PNG and JPG, offering superior compression with or without quality loss. However, its adoption in professional editing tools like older versions of Photoshop, Illustrator, or specialized image editors can be limited, making it necessary to convert WebP to PNG to ensure universal compatibility.',
77
+ html: 'When a designer downloads a graphic asset in <strong>WebP</strong> format and tries to open it in Photoshop, Figma or Illustrator, the result can be frustrating: the file fails to load or loses quality. The <strong>PNG</strong> format is the undisputed standard of professional editing: lossless compression, full alpha channel, and guaranteed compatibility across the entire creative production chain.',
78
+ },
79
+ {
80
+ type: 'title',
81
+ text: 'WebP for the Web, PNG for the Studio',
82
+ level: 3,
78
83
  },
79
84
  {
80
85
  type: 'paragraph',
81
- html:
82
- 'A key advantage of WebP to PNG conversion is the preservation of the alpha channel. Unlike conversion to JPG where transparent backgrounds are filled with white, PNG fully maintains any transparent areas present in the original WebP file. This is especially valuable for logos, icons, illustrations and any graphics with transparency.',
86
+ html: 'WebP is a web production format: its compression algorithms are optimised to reduce transfer weight, not to preserve maximum fidelity across iterative editing workflows. Every time you save an edited WebP, the codec applies compression again. For projects where a file will be modified many times, this means cumulative quality degradation.',
83
87
  },
84
88
  {
85
- type: 'tip',
86
- html:
87
- 'If your WebP file has transparency and you need to edit it in Photoshop, always convert to PNG rather than JPG to preserve the alpha channel.',
89
+ type: 'paragraph',
90
+ html: 'PNG uses <strong>lossless compression</strong>: every pixel\'s data is preserved entirely no matter how many times you save the file. It is the format chosen by UI/UX designers, digital illustrators and branding teams who need to maintain visual integrity across dozens of revisions. Tools like Photoshop, Figma, Sketch and Illustrator treat PNG as their primary export format.',
91
+ },
92
+ {
93
+ type: 'title',
94
+ text: 'Comparison: Local vs Cloud Conversion',
95
+ level: 3,
96
+ },
97
+ {
98
+ type: 'comparative',
99
+ items: [
100
+ {
101
+ title: 'Cloud Converters',
102
+ description: 'Tools that upload your files to a remote server.',
103
+ icon: 'mdi:cloud-upload',
104
+ pointIcon: 'mdi:close-circle-outline',
105
+ points: [
106
+ 'Your design assets are stored on third-party servers',
107
+ 'Slow remote processing for large files',
108
+ 'Risk of leaks for confidential client projects',
109
+ 'Batch conversion limited or paywalled',
110
+ ],
111
+ },
112
+ {
113
+ title: 'Our Local Architecture',
114
+ description: 'Direct processing on your hardware using Vanilla JS technology.',
115
+ icon: 'mdi:laptop-mac',
116
+ highlight: true,
117
+ points: [
118
+ 'Your designs never leave your machine',
119
+ 'Batch-convert dozens of files instantly',
120
+ 'Full alpha channel and colour gamut preservation',
121
+ 'Absolute privacy for client projects',
122
+ ],
123
+ },
124
+ ],
125
+ },
126
+ {
127
+ type: 'title',
128
+ text: 'How It Works Technically',
129
+ level: 3,
88
130
  },
89
131
  {
90
132
  type: 'paragraph',
91
- html:
92
- 'The WebP format can reduce PNG file sizes by up to 26% and JPG files by up to 34%, according to Google\'s official documentation for lossless and lossy images respectively.',
133
+ html: 'Modern browsers can decode WebP natively. Our tool leverages this capability to load the file into a JavaScript <strong>Image</strong> element, then draws it onto an HTML5 canvas with the same dimensions as the original. Unlike conversion to JPG, no background fill is needed here: the canvas retains the full alpha channel.',
93
134
  },
94
135
  {
95
136
  type: 'paragraph',
96
- html:
97
- 'The tool supports batch conversion. You can drag multiple WebP files simultaneously and download all resulting PNGs in a single compressed ZIP file, saving time when converting entire image collections.',
137
+ html: 'The final export uses the <code>toDataURL(\'image/png\')</code> method, which generates a lossless PNG faithful to the original. The result is a file ready to import directly into any professional design software without intermediate steps, colour degradation or transparency loss.',
138
+ },
139
+ {
140
+ type: 'tip',
141
+ title: 'Tip for editors',
142
+ html: 'Use PNG when you need to continue editing the image. Lossless compression guarantees no quality degradation from repeated saves — critical when working with layers, masks or colour adjustments in Photoshop or Figma.',
143
+ },
144
+ {
145
+ type: 'title',
146
+ text: 'Use Cases and Compatibility',
147
+ level: 3,
148
+ },
149
+ {
150
+ type: 'list',
151
+ icon: 'mdi:check-circle',
152
+ items: [
153
+ 'Importing WebP assets into Photoshop, Figma, Sketch or Illustrator.',
154
+ 'Preserving transparency in logos and icons for use on multiple backgrounds.',
155
+ 'Creating master copies of graphics for long-running projects.',
156
+ 'Exporting assets for mobile apps that require PNG with alpha channel.',
157
+ 'Using images in design mockups and presentations with variable backgrounds.',
158
+ ],
159
+ },
160
+ {
161
+ type: 'title',
162
+ text: 'Conclusion',
163
+ level: 3,
98
164
  },
99
165
  {
100
166
  type: 'paragraph',
101
- html:
102
- 'Convert WebP to PNG with complete privacy and quality, preserving transparencies. Free, unlimited and processed locally in your browser.',
167
+ html: 'If WebP is the web server format, PNG is the design studio format. This tool converts your WebP assets into production-ready PNGs, with transparency intact and maximum quality — all in your browser and without your files ever leaving your machine.',
103
168
  },
104
169
  ];
105
170
 
@@ -69,42 +69,102 @@ const bibliography: WebpAPngLocaleContent['bibliography'] = [
69
69
  const seo: WebpAPngLocaleContent['seo'] = [
70
70
  {
71
71
  type: 'title',
72
- text: 'Convertidor WebP a PNG Online Gratuito',
72
+ text: 'Convertidor WebP a PNG: La Opción Profesional para Edición y Diseño',
73
+ level: 2,
73
74
  },
74
75
  {
75
76
  type: 'paragraph',
76
- html:
77
- 'El formato WebP fue desarrollado por Google como una alternativa moderna a PNG y JPG, ofreciendo una compresión superior con o sin pérdida de calidad. Sin embargo, su adopción en herramientas de edición profesional como versiones antiguas de Photoshop, Illustrator o editores de imágenes especializados puede ser limitada, lo que hace necesario convertir WebP a PNG para garantizar la compatibilidad universal.',
77
+ html: 'Cuando un diseñador descarga un recurso gráfico en formato <strong>WebP</strong> y lo intenta abrir en Photoshop, Figma o Illustrator, el resultado puede ser frustrante: el archivo no se carga o pierde calidad. El formato <strong>PNG</strong> es el estándar indiscutible de la edición profesional: compresión sin pérdida, canal alfa completo y compatibilidad garantizada con toda la cadena de producción creativa.',
78
+ },
79
+ {
80
+ type: 'title',
81
+ text: 'WebP para la Web, PNG para el Estudio',
82
+ level: 3,
78
83
  },
79
84
  {
80
85
  type: 'paragraph',
81
- html:
82
- 'Una ventaja fundamental de la conversión WebP a PNG es la preservación del canal alfa. A diferencia de la conversión a JPG donde los fondos transparentes se rellenan con blanco, el formato PNG mantiene íntegramente cualquier área transparente que tenga el archivo WebP original. Esto es especialmente valioso para logos, iconos, ilustraciones y cualquier gráfico con transparencias.',
86
+ html: 'WebP es un formato de producción web: sus algoritmos de compresión están optimizados para reducir el peso de transferencia, no para preservar la fidelidad máxima en flujos de edición iterativa. Cada vez que guardas un WebP editado, el codec aplica de nuevo la compresión. Para proyectos donde el archivo va a ser modificado varias veces, esto supone una degradación acumulativa de la calidad.',
83
87
  },
84
88
  {
85
89
  type: 'paragraph',
86
- html:
87
- 'Nuestro convertidor funciona completamente en el lado del cliente. No existe ningún servidor intermediario; el proceso entero ocurre dentro del motor JavaScript de tu navegador. Esto significa que tus imágenes nunca abandonan tu dispositivo, garantizando una privacidad absoluta incluso para material corporativo o confidencial.',
90
+ html: 'PNG emplea compresión <strong>sin pérdida</strong>: los datos de cada píxel se conservan íntegramente sin importar cuántas veces guardes el archivo. Es el formato elegido por diseñadores de interfaces (UI/UX), ilustradores digitales y equipos de branding que necesitan mantener la integridad visual a lo largo de decenas de revisiones. Herramientas como Photoshop, Figma, Sketch e Illustrator tratan PNG como su formato de exportación principal.',
88
91
  },
89
92
  {
90
- type: 'tip',
91
- html:
92
- 'Si tu archivo WebP tiene transparencias y necesitas editarlo en Photoshop, convierte siempre a PNG en lugar de JPG para conservar el canal alfa y poder editar la transparencia.',
93
+ type: 'title',
94
+ text: 'Comparativa: Conversión Local vs Nube',
95
+ level: 3,
96
+ },
97
+ {
98
+ type: 'comparative',
99
+ items: [
100
+ {
101
+ title: 'Convertidores Cloud',
102
+ description: 'Herramientas que suben tus archivos a un servidor remoto.',
103
+ icon: 'mdi:cloud-upload',
104
+ pointIcon: 'mdi:close-circle-outline',
105
+ points: [
106
+ 'Tus activos de diseño se almacenan en servidores ajenos',
107
+ 'Procesamiento remoto lento para archivos de gran tamaño',
108
+ 'Riesgo de filtraciones en proyectos confidenciales de clientes',
109
+ 'Conversión por lotes limitada o de pago',
110
+ ],
111
+ },
112
+ {
113
+ title: 'Nuestra Arquitectura Local',
114
+ description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
115
+ icon: 'mdi:laptop-mac',
116
+ highlight: true,
117
+ points: [
118
+ 'Tus diseños nunca salen de tu máquina',
119
+ 'Conversión por lotes de decenas de archivos al instante',
120
+ 'Preservación total del canal alfa y la gama de colores',
121
+ 'Privacidad absoluta para proyectos de clientes',
122
+ ],
123
+ },
124
+ ],
125
+ },
126
+ {
127
+ type: 'title',
128
+ text: 'Cómo funciona técnicamente',
129
+ level: 3,
93
130
  },
94
131
  {
95
132
  type: 'paragraph',
96
- html:
97
- 'El formato WebP puede reducir el tamaño de los archivos PNG hasta un 26% y los JPG hasta un 34%, según la documentación oficial de Google para imágenes sin pérdida y con pérdida respectivamente.',
133
+ html: 'El navegador moderno es capaz de decodificar WebP de forma nativa. Nuestra herramienta aprovecha esta capacidad para cargar el archivo en un elemento <strong>Image</strong> de JavaScript y, a continuación, dibujarlo sobre un canvas HTML5 con las mismas dimensiones que el original. Al contrario que la conversión a JPG, aquí no es necesario rellenar el fondo: el canvas mantiene el canal alfa completo.',
98
134
  },
99
135
  {
100
136
  type: 'paragraph',
101
- html:
102
- 'La herramienta soporta la conversión en lote. Puedes arrastrar múltiples archivos WebP simultáneamente y descargar todos los PNG resultantes en un único archivo ZIP comprimido, ahorrando tiempo cuando necesitas convertir colecciones completas de imágenes.',
137
+ html: 'La exportación final utiliza el método <code>toDataURL(\'image/png\')</code>, que genera un PNG con compresión sin pérdida fiel al original. El resultado es un archivo listo para importar directamente en cualquier software de diseño profesional sin pasos intermedios, degradación de color ni pérdida de transparencias.',
138
+ },
139
+ {
140
+ type: 'tip',
141
+ title: 'Consejo para editores',
142
+ html: 'Usa PNG cuando necesites continuar editando la imagen. La compresión sin pérdida garantiza que no habrá degradación de calidad por guardado repetido, algo crítico cuando trabajas con capas, máscaras o ajustes de color en Photoshop o Figma.',
143
+ },
144
+ {
145
+ type: 'title',
146
+ text: 'Casos de uso y compatibilidad',
147
+ level: 3,
148
+ },
149
+ {
150
+ type: 'list',
151
+ icon: 'mdi:check-circle',
152
+ items: [
153
+ 'Importar recursos WebP en Photoshop, Figma, Sketch o Illustrator.',
154
+ 'Preservar transparencias en logos e iconos para uso en múltiples fondos.',
155
+ 'Crear versiones maestras de gráficos para proyectos de larga duración.',
156
+ 'Exportar assets para aplicaciones móviles que requieren PNG con canal alfa.',
157
+ 'Usar imágenes en maquetas y presentaciones de diseño con fondos variables.',
158
+ ],
159
+ },
160
+ {
161
+ type: 'title',
162
+ text: 'Conclusión',
163
+ level: 3,
103
164
  },
104
165
  {
105
166
  type: 'paragraph',
106
- html:
107
- 'Convierte WebP a PNG con total privacidad y calidad, preservando transparencias. Gratis, sin límites y procesado localmente en tu navegador.',
167
+ html: 'Si WebP es el formato del servidor web, PNG es el formato del estudio de diseño. Esta herramienta convierte tus recursos WebP en PNG de producción, con transparencias intactas y calidad máxima, todo en tu navegador y sin que tus archivos abandonen tu equipo.',
108
168
  },
109
169
  ];
110
170
 
@@ -69,32 +69,102 @@ const bibliography: WebpAPngLocaleContent['bibliography'] = [
69
69
  const seo: WebpAPngLocaleContent['seo'] = [
70
70
  {
71
71
  type: 'title',
72
- text: 'Convertisseur WebP vers PNG en Ligne Gratuit',
72
+ text: 'Convertisseur WebP vers PNG : Le Choix Professionnel pour l\'Édition et le Design',
73
+ level: 2,
73
74
  },
74
75
  {
75
76
  type: 'paragraph',
76
- html:
77
- 'WebP a été développé par Google comme alternative moderne au PNG et JPG, offrant une compression supérieure avec ou sans perte de qualité. Cependant, son adoption dans les outils d\'édition professionnels peut être limitée, rendant nécessaire la conversion WebP vers PNG pour garantir une compatibilité universelle.',
77
+ 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.',
78
+ },
79
+ {
80
+ type: 'title',
81
+ text: 'WebP pour le Web, PNG pour le Studio',
82
+ level: 3,
78
83
  },
79
84
  {
80
85
  type: 'paragraph',
81
- html:
82
- 'Un avantage clé de la conversion WebP vers PNG est la préservation du canal alpha. Contrairement à la conversion en JPG où les fonds transparents sont remplis de blanc, le PNG maintient intégralement toutes les zones transparentes présentes dans le fichier WebP original.',
86
+ 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é.',
83
87
  },
84
88
  {
85
- type: 'tip',
86
- html:
87
- 'Si votre fichier WebP a de la transparence et que vous devez l\'éditer dans Photoshop, convertissez toujours en PNG plutôt qu\'en JPG pour conserver le canal alpha.',
89
+ type: 'paragraph',
90
+ 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.',
91
+ },
92
+ {
93
+ type: 'title',
94
+ text: 'Comparatif : Conversion Locale vs Cloud',
95
+ level: 3,
96
+ },
97
+ {
98
+ type: 'comparative',
99
+ items: [
100
+ {
101
+ title: 'Convertisseurs Cloud',
102
+ description: 'Outils qui téléchargent vos fichiers vers un serveur distant.',
103
+ icon: 'mdi:cloud-upload',
104
+ pointIcon: 'mdi:close-circle-outline',
105
+ points: [
106
+ 'Vos ressources de design sont stockées sur des serveurs tiers',
107
+ 'Traitement distant lent pour les fichiers volumineux',
108
+ 'Risque de fuite pour les projets clients confidentiels',
109
+ 'Conversion par lots limitée ou payante',
110
+ ],
111
+ },
112
+ {
113
+ title: 'Notre Architecture Locale',
114
+ description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
115
+ icon: 'mdi:laptop-mac',
116
+ highlight: true,
117
+ points: [
118
+ 'Vos designs ne quittent jamais votre machine',
119
+ 'Conversion par lots de dizaines de fichiers instantanément',
120
+ 'Préservation totale du canal alpha et de la gamme de couleurs',
121
+ 'Confidentialité absolue pour les projets clients',
122
+ ],
123
+ },
124
+ ],
125
+ },
126
+ {
127
+ type: 'title',
128
+ text: 'Comment ça fonctionne techniquement',
129
+ level: 3,
88
130
  },
89
131
  {
90
132
  type: 'paragraph',
91
- html:
92
- 'Le format WebP peut réduire la taille des fichiers PNG jusqu\'à 26% et les fichiers JPG jusqu\'à 34%, selon la documentation officielle de Google.',
133
+ 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.',
134
+ },
135
+ {
136
+ type: 'paragraph',
137
+ 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.',
138
+ },
139
+ {
140
+ type: 'tip',
141
+ title: 'Conseil pour les éditeurs',
142
+ 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.',
143
+ },
144
+ {
145
+ type: 'title',
146
+ text: 'Cas d\'usage et compatibilité',
147
+ level: 3,
148
+ },
149
+ {
150
+ type: 'list',
151
+ icon: 'mdi:check-circle',
152
+ items: [
153
+ 'Importer des ressources WebP dans Photoshop, Figma, Sketch ou Illustrator.',
154
+ 'Conserver la transparence dans les logos et icônes pour usage sur fonds multiples.',
155
+ 'Créer des copies maîtres de graphismes pour des projets à long terme.',
156
+ 'Exporter des assets pour applications mobiles nécessitant PNG avec canal alpha.',
157
+ 'Utiliser des images dans des maquettes et présentations design à fonds variables.',
158
+ ],
159
+ },
160
+ {
161
+ type: 'title',
162
+ text: 'Conclusion',
163
+ level: 3,
93
164
  },
94
165
  {
95
166
  type: 'paragraph',
96
- html:
97
- 'Convertissez WebP en PNG avec une confidentialité et une qualité totales, en préservant les transparences. Gratuit, sans limites et traité localement dans votre navigateur.',
167
+ 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.',
98
168
  },
99
169
  ];
100
170