@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.
Files changed (133) hide show
  1. package/package.json +2 -2
  2. package/src/category/i18n/de.ts +1 -1
  3. package/src/category/i18n/en.ts +1 -1
  4. package/src/category/i18n/fr.ts +1 -1
  5. package/src/category/i18n/id.ts +1 -1
  6. package/src/category/i18n/it.ts +1 -1
  7. package/src/category/i18n/nl.ts +1 -1
  8. package/src/category/i18n/pl.ts +1 -1
  9. package/src/category/i18n/pt.ts +1 -1
  10. package/src/category/i18n/sv.ts +1 -1
  11. package/src/tests/bibliography_wellformed_export.test.ts +46 -0
  12. package/src/tests/category_seo_quality.test.ts +74 -0
  13. package/src/tests/faq_count.test.ts +1 -1
  14. package/src/tests/no_h1_in_components.test.ts +1 -1
  15. package/src/tests/seo_parity.test.ts +2 -2
  16. package/src/tests/seo_wellformed_export.test.ts +65 -0
  17. package/src/tests/tool_validation.test.ts +15 -15
  18. package/src/tool/avifAJpg/i18n/en.ts +164 -164
  19. package/src/tool/avifAJpg/i18n/es.ts +164 -164
  20. package/src/tool/avifAJpg/i18n/fr.ts +164 -164
  21. package/src/tool/avifAJpg/i18n/ja.ts +166 -166
  22. package/src/tool/avifAJpg/i18n/ko.ts +166 -166
  23. package/src/tool/avifAJpg/i18n/zh.ts +166 -166
  24. package/src/tool/avifAJpg/seo.astro +15 -15
  25. package/src/tool/avifAPng/i18n/en.ts +164 -164
  26. package/src/tool/avifAPng/i18n/es.ts +164 -164
  27. package/src/tool/avifAPng/i18n/fr.ts +164 -164
  28. package/src/tool/avifAPng/i18n/ja.ts +166 -166
  29. package/src/tool/avifAPng/i18n/ko.ts +166 -166
  30. package/src/tool/avifAPng/i18n/zh.ts +166 -166
  31. package/src/tool/avifAPng/seo.astro +15 -15
  32. package/src/tool/avifAWebp/i18n/en.ts +164 -164
  33. package/src/tool/avifAWebp/i18n/es.ts +164 -164
  34. package/src/tool/avifAWebp/i18n/fr.ts +164 -164
  35. package/src/tool/avifAWebp/i18n/ja.ts +166 -166
  36. package/src/tool/avifAWebp/i18n/ko.ts +166 -166
  37. package/src/tool/avifAWebp/i18n/zh.ts +166 -166
  38. package/src/tool/avifAWebp/seo.astro +15 -15
  39. package/src/tool/bmpAJpg/i18n/en.ts +164 -164
  40. package/src/tool/bmpAJpg/i18n/es.ts +164 -164
  41. package/src/tool/bmpAJpg/i18n/fr.ts +164 -164
  42. package/src/tool/bmpAJpg/i18n/ja.ts +166 -166
  43. package/src/tool/bmpAJpg/i18n/ko.ts +166 -166
  44. package/src/tool/bmpAJpg/i18n/zh.ts +166 -166
  45. package/src/tool/bmpAJpg/seo.astro +15 -15
  46. package/src/tool/bmpAPng/i18n/en.ts +164 -164
  47. package/src/tool/bmpAPng/i18n/es.ts +164 -164
  48. package/src/tool/bmpAPng/i18n/fr.ts +164 -164
  49. package/src/tool/bmpAPng/i18n/ja.ts +165 -165
  50. package/src/tool/bmpAPng/i18n/ko.ts +165 -165
  51. package/src/tool/bmpAPng/i18n/zh.ts +165 -165
  52. package/src/tool/bmpAPng/seo.astro +15 -15
  53. package/src/tool/bmpAWebp/i18n/en.ts +164 -164
  54. package/src/tool/bmpAWebp/i18n/es.ts +164 -164
  55. package/src/tool/bmpAWebp/i18n/fr.ts +164 -164
  56. package/src/tool/bmpAWebp/i18n/ja.ts +166 -166
  57. package/src/tool/bmpAWebp/i18n/ko.ts +166 -166
  58. package/src/tool/bmpAWebp/i18n/zh.ts +166 -166
  59. package/src/tool/bmpAWebp/seo.astro +15 -15
  60. package/src/tool/gifAJpg/i18n/en.ts +164 -164
  61. package/src/tool/gifAJpg/i18n/es.ts +164 -164
  62. package/src/tool/gifAJpg/i18n/fr.ts +164 -164
  63. package/src/tool/gifAJpg/i18n/ja.ts +166 -166
  64. package/src/tool/gifAJpg/i18n/ko.ts +166 -166
  65. package/src/tool/gifAJpg/i18n/zh.ts +166 -166
  66. package/src/tool/gifAJpg/seo.astro +15 -15
  67. package/src/tool/gifAPng/i18n/en.ts +164 -164
  68. package/src/tool/gifAPng/i18n/es.ts +164 -164
  69. package/src/tool/gifAPng/i18n/fr.ts +164 -164
  70. package/src/tool/gifAPng/i18n/ja.ts +166 -166
  71. package/src/tool/gifAPng/i18n/ko.ts +166 -166
  72. package/src/tool/gifAPng/i18n/zh.ts +166 -166
  73. package/src/tool/gifAPng/seo.astro +15 -15
  74. package/src/tool/gifAWebp/i18n/en.ts +164 -164
  75. package/src/tool/gifAWebp/i18n/es.ts +164 -164
  76. package/src/tool/gifAWebp/i18n/fr.ts +164 -164
  77. package/src/tool/gifAWebp/i18n/ja.ts +166 -166
  78. package/src/tool/gifAWebp/i18n/ko.ts +166 -166
  79. package/src/tool/gifAWebp/i18n/zh.ts +166 -166
  80. package/src/tool/gifAWebp/seo.astro +15 -15
  81. package/src/tool/imagenBase64/i18n/en.ts +154 -154
  82. package/src/tool/imagenBase64/i18n/es.ts +154 -154
  83. package/src/tool/imagenBase64/i18n/fr.ts +154 -154
  84. package/src/tool/imagenBase64/seo.astro +15 -15
  85. package/src/tool/jpgAIco/seo.astro +15 -15
  86. package/src/tool/jpgAPng/i18n/en.ts +164 -164
  87. package/src/tool/jpgAPng/i18n/es.ts +164 -164
  88. package/src/tool/jpgAPng/i18n/fr.ts +164 -164
  89. package/src/tool/jpgAPng/i18n/ja.ts +166 -166
  90. package/src/tool/jpgAPng/i18n/ko.ts +166 -166
  91. package/src/tool/jpgAPng/i18n/zh.ts +166 -166
  92. package/src/tool/jpgAPng/seo.astro +15 -15
  93. package/src/tool/jpgAWebp/i18n/en.ts +164 -164
  94. package/src/tool/jpgAWebp/i18n/es.ts +164 -164
  95. package/src/tool/jpgAWebp/i18n/fr.ts +164 -164
  96. package/src/tool/jpgAWebp/seo.astro +15 -15
  97. package/src/tool/pngAIco/seo.astro +15 -15
  98. package/src/tool/pngAJpg/i18n/de.ts +21 -21
  99. package/src/tool/pngAJpg/i18n/es.ts +177 -177
  100. package/src/tool/pngAJpg/i18n/fr.ts +137 -137
  101. package/src/tool/pngAJpg/i18n/id.ts +89 -89
  102. package/src/tool/pngAJpg/i18n/it.ts +89 -89
  103. package/src/tool/pngAJpg/i18n/ko.ts +177 -177
  104. package/src/tool/pngAJpg/i18n/nl.ts +20 -20
  105. package/src/tool/pngAJpg/i18n/pl.ts +89 -89
  106. package/src/tool/pngAJpg/i18n/pt.ts +89 -89
  107. package/src/tool/pngAJpg/i18n/ru.ts +177 -177
  108. package/src/tool/pngAJpg/i18n/sv.ts +89 -89
  109. package/src/tool/pngAJpg/i18n/tr.ts +89 -89
  110. package/src/tool/pngAJpg/seo.astro +15 -15
  111. package/src/tool/pngAWebp/i18n/en.ts +164 -164
  112. package/src/tool/pngAWebp/i18n/es.ts +164 -164
  113. package/src/tool/pngAWebp/i18n/fr.ts +164 -164
  114. package/src/tool/pngAWebp/seo.astro +15 -15
  115. package/src/tool/svgAJpg/i18n/fr.ts +164 -164
  116. package/src/tool/svgAJpg/seo.astro +15 -15
  117. package/src/tool/svgAPng/i18n/fr.ts +164 -164
  118. package/src/tool/svgAPng/seo.astro +15 -15
  119. package/src/tool/webpAIco/seo.astro +15 -15
  120. package/src/tool/webpAJpg/seo.astro +15 -15
  121. package/src/tool/webpAPng/bibliography.ts +13 -13
  122. package/src/tool/webpAPng/i18n/de.ts +166 -166
  123. package/src/tool/webpAPng/i18n/es.ts +171 -171
  124. package/src/tool/webpAPng/i18n/fr.ts +166 -166
  125. package/src/tool/webpAPng/i18n/id.ts +166 -166
  126. package/src/tool/webpAPng/i18n/it.ts +166 -166
  127. package/src/tool/webpAPng/i18n/nl.ts +166 -166
  128. package/src/tool/webpAPng/i18n/pl.ts +166 -166
  129. package/src/tool/webpAPng/i18n/pt.ts +166 -166
  130. package/src/tool/webpAPng/i18n/ru.ts +166 -166
  131. package/src/tool/webpAPng/i18n/sv.ts +166 -166
  132. package/src/tool/webpAPng/i18n/tr.ts +167 -167
  133. 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';
2
+ import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
3
3
  import { generateSchemas } from '../../../shared/logic/schemas';
4
- import type { AvifAPngLocaleContent } from '../index';
5
-
6
- const slug = 'convertidor-avif-a-png';
7
- const title = 'Convertir AVIF a PNG Online';
8
- const description =
9
- 'Convierte imágenes AVIF a PNG preservando transparencias. Sin subir archivos. Procesado local en tu navegador. Gratis e ilimitado.';
10
-
11
- const ui: ImageConverterUI = {
12
- dragText: 'Arrastra archivos AVIF...',
13
- convertText: 'Para convertirlos a PNG al instante',
14
- selectFiles: 'Seleccionar archivos',
15
- processedFiles: 'Archivos procesados',
16
- downloadAll: 'Descargar Todo (.zip)',
4
+ import type { AvifAPngLocaleContent } from '../index';
5
+
6
+ const slug = 'convertidor-avif-a-png';
7
+ const title = 'Convertir AVIF a PNG Online';
8
+ const description =
9
+ 'Convierte imágenes AVIF a PNG preservando transparencias. Sin subir archivos. Procesado local en tu navegador. Gratis e ilimitado.';
10
+
11
+ const ui: ImageConverterUI = {
12
+ dragText: 'Arrastra archivos AVIF...',
13
+ convertText: 'Para convertirlos a PNG al instante',
14
+ selectFiles: 'Seleccionar archivos',
15
+ processedFiles: 'Archivos procesados',
16
+ downloadAll: 'Descargar Todo (.zip)',
17
17
  pending: 'Pendiente',
18
- bibliographyTitle: 'Referencias Bibliográficas',
19
- faqTitle: 'Preguntas Frecuentes',
20
- };
21
-
22
- const faq: AvifAPngLocaleContent['faq'] = [
23
- {
24
- question: '¿Por qué debería convertir AVIF a PNG?',
25
- answer:
26
- 'AVIF es genial para compresión, pero su compatibilidad es limitada en navegadores antiguos y editores clásicos. Al convertir de AVIF a PNG, te aseguras de que tu archivo mantendrá la transparencia original y todas las aplicaciones podrán abrirlo.',
27
- },
28
- {
29
- question: '¿Se mantienen las transparencias del archivo AVIF original?',
30
- answer:
31
- 'Sí. A diferencia de JPG que elimina el fondo transparente, al exportar a PNG nuestro convertidor mantiene intacto el canal alfa.',
32
- },
33
- {
34
- question: '¿Es verdad que no suben mis imágenes a internet?',
35
- answer:
36
- 'Absolutamente cierto. Nuestro convertidor se ejecuta de manera 100% local en tu dispositivo utilizando el motor interno de JavaScript.',
37
- },
38
- ];
39
-
40
- const howTo: AvifAPngLocaleContent['howTo'] = [
41
- {
42
- name: 'Añade tus archivos AVIF',
43
- text: 'Puedes arrastrarlos directamente al área delimitada o usar el botón para explorar las carpetas de tu equipo.',
44
- },
45
- {
46
- name: 'Procesamiento inmediato',
47
- text: 'Deja que el procesador HTML5 renderice la imagen; el formato cambiará a PNG de forma automática en microsegundos.',
48
- },
49
- {
50
- name: 'Hazte con tus PNGs',
51
- text: 'Descarga las imágenes convertidas una a una o baja un bloque completo mediante el botón ZIP.',
52
- },
53
- ];
54
-
55
- const seo: AvifAPngLocaleContent['seo'] = [
56
- {
57
- type: 'title',
58
- text: 'Convertidor AVIF a PNG: De la Entrega Web a la Edición Profesional',
59
- level: 2,
60
- },
61
- {
62
- type: 'paragraph',
63
- html: 'AVIF es el formato ideal para servir imágenes en la web - pequeño, eficiente y de alta calidad. Pero cuando llega el momento de editar, retocar o trabajar con esas imágenes en herramientas de diseño, el AVIF se convierte en un obstáculo. Figma, Photoshop, Illustrator, Sketch y prácticamente cualquier herramienta de diseño profesional esperan recibir PNG para el trabajo con transparencias y edición sin pérdida. Convertir AVIF a PNG es el puente entre el mundo de la entrega web y el de la edición creativa.',
64
- },
65
- {
66
- type: 'title',
67
- text: 'AVIF vs PNG: Entrega vs Edición',
68
- level: 3,
69
- },
70
- {
71
- type: 'paragraph',
72
- html: 'AVIF destaca como formato de entrega: archivos pequeños, carga rápida, soporte de canal alfa y calidad visual excepcional. Sin embargo, su ecosistema de herramientas es limitado. La mayoría de software de diseño no puede importar AVIF directamente, lo que interrumpe los flujos de trabajo creativos. Intentar abrir un AVIF en Figma o importarlo como capa en Photoshop simplemente no funciona.',
73
- },
74
- {
75
- type: 'paragraph',
76
- html: 'PNG es el formato nativo del diseño digital. Con compresión sin pérdida, soporte completo de canal alfa y compatibilidad universal con todas las herramientas creativas, PNG es el formato de trabajo por excelencia. Cuando necesitas escalar, retocar, exportar a múltiples formatos o trabajar en capas, PNG garantiza que no perderás ningún detalle ni pixel en el proceso.',
77
- },
78
- {
79
- type: 'title',
80
- text: 'Comparativa: Convertidores Cloud vs Nuestra Arquitectura Local',
81
- level: 3,
82
- },
83
- {
84
- type: 'comparative',
85
- items: [
86
- {
87
- title: 'Convertidores Cloud',
88
- description: 'Herramientas que suben tus archivos AVIF a un servidor remoto para procesarlos.',
89
- icon: 'mdi:cloud-upload',
90
- pointIcon: 'mdi:close-circle-outline',
91
- points: [
92
- 'Tus imágenes de diseño viajan a servidores de terceros',
93
- 'Tiempo de espera por latencia de red',
94
- 'Posible pérdida o alteración del canal alfa',
95
- 'Límites de tamaño que complican la conversión por lotes',
96
- ],
97
- },
98
- {
99
- title: 'Nuestra Arquitectura Local',
100
- description: 'Procesamiento directo en tu navegador mediante tecnología Vanilla JS y Canvas API.',
101
- icon: 'mdi:laptop-mac',
102
- highlight: true,
103
- points: [
104
- 'Canal alfa preservado con fidelidad perfecta',
105
- 'Conversión instantánea sin transferencia de datos',
106
- 'Sin límites de archivos, tamaño ni lotes',
107
- 'Privacidad total para activos de diseño propietarios',
108
- ],
109
- },
110
- ],
111
- },
112
- {
113
- type: 'title',
114
- text: 'Cómo funciona la conversión técnica con transparencias',
115
- level: 3,
116
- },
117
- {
118
- type: 'paragraph',
119
- html: 'Los navegadores modernos decodifican AVIF de forma nativa gracias a sus motores AV1 integrados. Al cargar el archivo, el navegador lo decodifica en memoria preservando toda la información del canal alfa. La imagen decodificada - incluyendo sus transparencias - se dibuja sobre un elemento <code>Canvas</code> HTML5 con el modo de composición correcto para preservar el canal alfa.',
120
- },
121
- {
122
- type: 'paragraph',
123
- html: 'A diferencia de la exportación a JPG (que destruye las transparencias rellenando con blanco), la exportación a PNG mediante <code>toBlob(\'image/png\')</code> preserva íntegramente el canal alfa. El resultado es un PNG con compresión sin pérdida que mantiene cada pixel, cada semitransparencia y cada detalle del AVIF original.',
124
- },
125
- {
126
- type: 'tip',
127
- title: 'El paso previo obligatorio para cualquier herramienta de diseño',
128
- html: 'Convierte tus AVIF a PNG antes de importarlos a Figma, Photoshop, Illustrator o cualquier herramienta de diseño. Estas aplicaciones no leen AVIF directamente, pero PNG funciona de forma nativa en todas ellas, preservando transparencias y calidad perfectamente.',
129
- },
130
- {
131
- type: 'title',
132
- text: 'Casos de uso: cuándo necesitas AVIF convertido a PNG',
133
- level: 3,
134
- },
135
- {
136
- type: 'list',
137
- icon: 'mdi:check-circle',
138
- items: [
139
- 'Importar en Figma, Sketch, Adobe XD u otras herramientas de diseño UI.',
140
- 'Editar como capa en Photoshop, Affinity Photo o GIMP preservando transparencias.',
141
- 'Usar como fuente para la generación de iconos o sprites.',
142
- 'Enviar a clientes o colaboradores que trabajan con software de diseño estándar.',
143
- 'Archivar imágenes con transparencias en formato de edición sin pérdida.',
144
- ],
145
- },
146
- {
147
- type: 'title',
148
- text: 'Conclusión: El puente entre la web y el diseño',
149
- level: 3,
150
- },
151
- {
152
- type: 'paragraph',
153
- html: 'AVIF y PNG son compañeros perfectos en un flujo de trabajo moderno: AVIF para la entrega eficiente en web, PNG para la edición y colaboración en herramientas de diseño. Con nuestro convertidor, el paso de uno a otro es instantáneo, privado y preserva cada detalle - exactamente lo que necesitas cuando tus activos visuales importan.',
154
- },
155
- ];
156
-
18
+ bibliographyTitle: 'Referencias Bibliográficas',
19
+ faqTitle: 'Preguntas Frecuentes',
20
+ };
21
+
22
+ const faq: AvifAPngLocaleContent['faq'] = [
23
+ {
24
+ question: '¿Por qué debería convertir AVIF a PNG?',
25
+ answer:
26
+ 'AVIF es genial para compresión, pero su compatibilidad es limitada en navegadores antiguos y editores clásicos. Al convertir de AVIF a PNG, te aseguras de que tu archivo mantendrá la transparencia original y todas las aplicaciones podrán abrirlo.',
27
+ },
28
+ {
29
+ question: '¿Se mantienen las transparencias del archivo AVIF original?',
30
+ answer:
31
+ 'Sí. A diferencia de JPG que elimina el fondo transparente, al exportar a PNG nuestro convertidor mantiene intacto el canal alfa.',
32
+ },
33
+ {
34
+ question: '¿Es verdad que no suben mis imágenes a internet?',
35
+ answer:
36
+ 'Absolutamente cierto. Nuestro convertidor se ejecuta de manera 100% local en tu dispositivo utilizando el motor interno de JavaScript.',
37
+ },
38
+ ];
39
+
40
+ const howTo: AvifAPngLocaleContent['howTo'] = [
41
+ {
42
+ name: 'Añade tus archivos AVIF',
43
+ text: 'Puedes arrastrarlos directamente al área delimitada o usar el botón para explorar las carpetas de tu equipo.',
44
+ },
45
+ {
46
+ name: 'Procesamiento inmediato',
47
+ text: 'Deja que el procesador HTML5 renderice la imagen; el formato cambiará a PNG de forma automática en microsegundos.',
48
+ },
49
+ {
50
+ name: 'Hazte con tus PNGs',
51
+ text: 'Descarga las imágenes convertidas una a una o baja un bloque completo mediante el botón ZIP.',
52
+ },
53
+ ];
54
+
55
+ const seo: AvifAPngLocaleContent['seo'] = [
56
+ {
57
+ type: 'title',
58
+ text: 'Convertidor AVIF a PNG: De la Entrega Web a la Edición Profesional',
59
+ level: 2,
60
+ },
61
+ {
62
+ type: 'paragraph',
63
+ html: 'AVIF es el formato ideal para servir imágenes en la web - pequeño, eficiente y de alta calidad. Pero cuando llega el momento de editar, retocar o trabajar con esas imágenes en herramientas de diseño, el AVIF se convierte en un obstáculo. Figma, Photoshop, Illustrator, Sketch y prácticamente cualquier herramienta de diseño profesional esperan recibir PNG para el trabajo con transparencias y edición sin pérdida. Convertir AVIF a PNG es el puente entre el mundo de la entrega web y el de la edición creativa.',
64
+ },
65
+ {
66
+ type: 'title',
67
+ text: 'AVIF vs PNG: Entrega vs Edición',
68
+ level: 3,
69
+ },
70
+ {
71
+ type: 'paragraph',
72
+ html: 'AVIF destaca como formato de entrega: archivos pequeños, carga rápida, soporte de canal alfa y calidad visual excepcional. Sin embargo, su ecosistema de herramientas es limitado. La mayoría de software de diseño no puede importar AVIF directamente, lo que interrumpe los flujos de trabajo creativos. Intentar abrir un AVIF en Figma o importarlo como capa en Photoshop simplemente no funciona.',
73
+ },
74
+ {
75
+ type: 'paragraph',
76
+ html: 'PNG es el formato nativo del diseño digital. Con compresión sin pérdida, soporte completo de canal alfa y compatibilidad universal con todas las herramientas creativas, PNG es el formato de trabajo por excelencia. Cuando necesitas escalar, retocar, exportar a múltiples formatos o trabajar en capas, PNG garantiza que no perderás ningún detalle ni pixel en el proceso.',
77
+ },
78
+ {
79
+ type: 'title',
80
+ text: 'Comparativa: Convertidores Cloud vs Nuestra Arquitectura Local',
81
+ level: 3,
82
+ },
83
+ {
84
+ type: 'comparative',
85
+ items: [
86
+ {
87
+ title: 'Convertidores Cloud',
88
+ description: 'Herramientas que suben tus archivos AVIF a un servidor remoto para procesarlos.',
89
+ icon: 'mdi:cloud-upload',
90
+ pointIcon: 'mdi:close-circle-outline',
91
+ points: [
92
+ 'Tus imágenes de diseño viajan a servidores de terceros',
93
+ 'Tiempo de espera por latencia de red',
94
+ 'Posible pérdida o alteración del canal alfa',
95
+ 'Límites de tamaño que complican la conversión por lotes',
96
+ ],
97
+ },
98
+ {
99
+ title: 'Nuestra Arquitectura Local',
100
+ description: 'Procesamiento directo en tu navegador mediante tecnología Vanilla JS y Canvas API.',
101
+ icon: 'mdi:laptop-mac',
102
+ highlight: true,
103
+ points: [
104
+ 'Canal alfa preservado con fidelidad perfecta',
105
+ 'Conversión instantánea sin transferencia de datos',
106
+ 'Sin límites de archivos, tamaño ni lotes',
107
+ 'Privacidad total para activos de diseño propietarios',
108
+ ],
109
+ },
110
+ ],
111
+ },
112
+ {
113
+ type: 'title',
114
+ text: 'Cómo funciona la conversión técnica con transparencias',
115
+ level: 3,
116
+ },
117
+ {
118
+ type: 'paragraph',
119
+ html: 'Los navegadores modernos decodifican AVIF de forma nativa gracias a sus motores AV1 integrados. Al cargar el archivo, el navegador lo decodifica en memoria preservando toda la información del canal alfa. La imagen decodificada - incluyendo sus transparencias - se dibuja sobre un elemento <code>Canvas</code> HTML5 con el modo de composición correcto para preservar el canal alfa.',
120
+ },
121
+ {
122
+ type: 'paragraph',
123
+ html: 'A diferencia de la exportación a JPG (que destruye las transparencias rellenando con blanco), la exportación a PNG mediante <code>toBlob(\'image/png\')</code> preserva íntegramente el canal alfa. El resultado es un PNG con compresión sin pérdida que mantiene cada pixel, cada semitransparencia y cada detalle del AVIF original.',
124
+ },
125
+ {
126
+ type: 'tip',
127
+ title: 'El paso previo obligatorio para cualquier herramienta de diseño',
128
+ html: 'Convierte tus AVIF a PNG antes de importarlos a Figma, Photoshop, Illustrator o cualquier herramienta de diseño. Estas aplicaciones no leen AVIF directamente, pero PNG funciona de forma nativa en todas ellas, preservando transparencias y calidad perfectamente.',
129
+ },
130
+ {
131
+ type: 'title',
132
+ text: 'Casos de uso: cuándo necesitas AVIF convertido a PNG',
133
+ level: 3,
134
+ },
135
+ {
136
+ type: 'list',
137
+ icon: 'mdi:check-circle',
138
+ items: [
139
+ 'Importar en Figma, Sketch, Adobe XD u otras herramientas de diseño UI.',
140
+ 'Editar como capa en Photoshop, Affinity Photo o GIMP preservando transparencias.',
141
+ 'Usar como fuente para la generación de iconos o sprites.',
142
+ 'Enviar a clientes o colaboradores que trabajan con software de diseño estándar.',
143
+ 'Archivar imágenes con transparencias en formato de edición sin pérdida.',
144
+ ],
145
+ },
146
+ {
147
+ type: 'title',
148
+ text: 'Conclusión: El puente entre la web y el diseño',
149
+ level: 3,
150
+ },
151
+ {
152
+ type: 'paragraph',
153
+ html: 'AVIF y PNG son compañeros perfectos en un flujo de trabajo moderno: AVIF para la entrega eficiente en web, PNG para la edición y colaboración en herramientas de diseño. Con nuestro convertidor, el paso de uno a otro es instantáneo, privado y preserva cada detalle - exactamente lo que necesitas cuando tus activos visuales importan.',
154
+ },
155
+ ];
157
156
 
158
- export const content: AvifAPngLocaleContent = {
159
- slug,
160
- title,
161
- description,
162
- ui,
163
- seo,
164
- faq,
165
- bibliography,
166
- howTo,
167
- schemas: generateSchemas({ title, description, inLanguage: 'es', faq, howTo }),
168
- };
157
+
158
+ export const content: AvifAPngLocaleContent = {
159
+ slug,
160
+ title,
161
+ description,
162
+ ui,
163
+ seo,
164
+ faq,
165
+ bibliography,
166
+ howTo,
167
+ schemas: generateSchemas({ title, description, inLanguage: 'es', faq, howTo }),
168
+ };