@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,37 +65,102 @@ const bibliography: JpgAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'JPG to ICO Converter: Create Favicons and Windows Icons from Your Photos',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'The <strong>ICO</strong> format is Microsoft\'s standard for Windows application icons and website favicons. Unlike simply renaming a JPG as .ico, a genuine ICO file requires a specific binary structure with 22-byte headers and an embedded image directory. <strong>JPG</strong> is the most common starting point for creating these icons — a company logo, a profile photo, or any image you want to turn into the visual icon of your application or website.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG or ICO? When to use each format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'An important technical consideration when converting JPG to ICO is image proportion. The ICO format requires square images. If your original JPG is rectangular, our converter will center and automatically crop it to fit in a square format, preserving the central part of the image.',
|
|
82
|
+
html: '<strong>JPG</strong> is a source format, not a destination for icons. Perfect for photographs and banners, but incompatible with systems that require icons: Windows Explorer, the browser\'s bookmark bar, desktop shortcuts, or PWA application manifests. An operating system or browser looking for an icon expects the ICO format — and if it doesn\'t find it, it will display a generic icon or a broken square.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'The <strong>ICO</strong> format was designed to contain multiple resolutions in a single file: <strong>16×16</strong> for the bookmark bar, <strong>32×32</strong> for shortcuts, <strong>48×48</strong> for the file explorer, and <strong>256×256</strong> for high-density displays. Browsers and operating systems automatically select the appropriate resolution based on the display context — the user doesn\'t have to manage anything.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparison: Local vs Cloud Conversion',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Cloud Converters',
|
|
98
|
+
description: 'Tools that upload your files to a remote server.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Network latency on upload and download',
|
|
103
|
+
'Your corporate logos stored on third-party servers',
|
|
104
|
+
'File size limits and daily conversion caps',
|
|
105
|
+
'Intrusive ads and third-party trackers',
|
|
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
|
+
'Instant speed — zero network latency',
|
|
115
|
+
'Complete privacy — 0 bytes sent externally',
|
|
116
|
+
'No MB limits or file count restrictions',
|
|
117
|
+
'Clean interface, no ads or tracking',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'How it works technically',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
'ICO files for Windows can contain multiple resolutions (16x16, 32x32, 48x48, 256x256) in a single file. Our converter generates the ICO at the optimal resolution based on your source image.',
|
|
129
|
+
html: 'The JPG is decoded and drawn onto an in-memory <strong>HTML5 Canvas</strong>. Since the ICO format requires a square image, the engine automatically detects if the JPG is rectangular and crops it by centering the most relevant part. It then builds the standard Microsoft ICO header with the correct magic number (<code>00 00 01 00</code>), the image directory, and the encoded pixel data. The result is a genuine binary .ico file — not a renamed PNG.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'Since JPG lacks an alpha channel, the resulting ICO will also have no transparency — it will have a solid background inherited from the original photograph. If you need a favicon with a transparent background (for example, to adapt to dark or light bookmark bars), the recommended workflow is: remove the background in an editor, save as PNG, and use the PNG to ICO converter.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Tip: multiple resolutions in a single ICO',
|
|
138
|
+
html: 'ICO files can pack <strong>multiple resolutions</strong> into a single file — the browser or OS automatically picks the most appropriate one for each context. For the best possible result, use a square JPG of at least <strong>256×256 pixels</strong> as your source: this gives the converter enough information to generate sharp 16×16, 32×32, and 48×48 sizes without pixelation.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Use cases and compatibility',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Website favicon: compatible with all browsers including Internet Explorer.',
|
|
150
|
+
'Folder and desktop icon customization in Windows 10/11.',
|
|
151
|
+
'Shortcut icon for desktop applications or installers.',
|
|
152
|
+
'Application icon for Electron projects or PWA applications.',
|
|
153
|
+
'Icons for file management systems and corporate file explorers.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convert JPG to authentic ICO with real binary headers. Automatic crop for square format. Free, private and compatible with Windows and all browsers.',
|
|
163
|
+
html: 'Converting a JPG to ICO is a technically essential step for any web or desktop project that needs a recognizable visual identity. This tool generates authentic ICOs with the correct binary structure, in seconds, without uploading your logo to any external server. The result works in all browsers, in Windows Explorer, and in any system that consumes Microsoft\'s ICO standard.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: JpgAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertidor JPG a ICO
|
|
68
|
+
text: 'Convertidor de JPG a ICO: Crea Favicons y Iconos Windows desde tus Fotos',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'El formato <strong>ICO</strong> es el estándar de Microsoft para iconos de Windows y favicons de páginas web. A diferencia de simplemente renombrar un JPG como .ico, un archivo ICO genuino requiere una estructura binaria específica con cabeceras de 22 bytes y un directorio de imágenes embebido. El <strong>JPG</strong> es el punto de partida más común para crear estos iconos — un logotipo de empresa, una fotografía de perfil o cualquier imagen que quieras convertir en el icono visual de tu aplicación o sitio web.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: '¿JPG o ICO? Cuándo usar cada formato',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Una consideración técnica importante al convertir JPG a ICO es la proporción de la imagen. El formato ICO requiere imágenes cuadradas. Si tu foto JPG original es rectangular (horizontal o vertical), nuestro convertidor la centrará y recortará automáticamente para que quepa en un formato cuadrado, preservando la parte central de la imagen.',
|
|
82
|
+
html: 'El <strong>JPG</strong> es el formato de origen, no el destino. Perfectamente adecuado para fotografías y banners, pero incompatible con los sistemas que exigen iconos: Windows Explorer, la barra de favoritos del navegador, los accesos directos del escritorio o los manifest de aplicaciones PWA. Un sistema operativo o navegador que busca un icono espera el formato ICO — y si no lo encuentra, mostrará un icono genérico o un cuadrado roto.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'Como el JPG no tiene canal alfa, el ICO resultante no tendrá transparencia. Para iconos con transparencia, te recomendamos primero eliminar el fondo en un editor de imágenes, guardar como PNG y luego convertir de PNG a ICO para obtener un icono con transparencia perfecta.',
|
|
86
|
+
html: 'El formato <strong>ICO</strong> fue diseñado para contener múltiples resoluciones en un solo archivo: <strong>16×16</strong> para la barra de favoritos, <strong>32×32</strong> para accesos directos, <strong>48×48</strong> para el explorador de archivos y <strong>256×256</strong> para pantallas de alta densidad. Los navegadores y sistemas operativos seleccionan automáticamente la resolución adecuada según el contexto de visualización, sin que el usuario tenga que gestionar nada.',
|
|
84
87
|
},
|
|
85
88
|
{
|
|
86
|
-
type: '
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparativa: Conversión Local vs Nube',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Convertidores Cloud',
|
|
98
|
+
description: 'Herramientas que suben tus archivos a un servidor remoto.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Latencia de red en upload y download',
|
|
103
|
+
'Tus logos corporativos quedan en servidores ajenos',
|
|
104
|
+
'Límites de tamaño y conversiones diarias',
|
|
105
|
+
'Publicidad intrusiva y rastreadores 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
|
+
'Velocidad instantánea — cero latencia de red',
|
|
115
|
+
'Privacidad total — 0 bytes enviados al exterior',
|
|
116
|
+
'Sin límites de MB ni de número de archivos',
|
|
117
|
+
'Interfaz limpia, sin anuncios ni rastreos',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Cómo funciona técnicamente',
|
|
125
|
+
level: 3,
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
type: 'paragraph',
|
|
129
|
+
html: 'El JPG se decodifica y se dibuja en un <strong>Canvas HTML5</strong> en memoria. Como el formato ICO exige imagen cuadrada, el motor detecta automáticamente si el JPG es rectangular y lo recorta centrando la parte más relevante. A continuación, construye la cabecera ICO estándar de Microsoft con el número mágico correcto (<code>00 00 01 00</code>), el directorio de imágenes y los datos de píxeles codificados. El resultado es un archivo .ico binario genuino, no un PNG renombrado.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'Dado que el JPG carece de canal alfa, el ICO resultante tampoco tendrá transparencia — tendrá un fondo sólido heredado de la fotografía original. Si necesitas un favicon con fondo transparente (por ejemplo, para que se adapte a barras de favoritos oscuras o claras), el flujo recomendado es: elimina el fondo en un editor, guarda como PNG y usa el convertidor de PNG a ICO.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Consejo: resoluciones múltiples en un solo ICO',
|
|
138
|
+
html: 'Los archivos ICO pueden empaquetar <strong>varias resoluciones</strong> en un único fichero — el navegador o el sistema operativo elige automáticamente la más adecuada según el contexto. Para el mejor resultado posible, usa como fuente un JPG cuadrado de al menos <strong>256×256 píxeles</strong>: así el convertidor tendrá suficiente información para generar con nitidez los tamaños 16×16, 32×32 y 48×48 sin pixelado.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Casos de uso y compatibilidad',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Favicon para sitios web: compatible con todos los navegadores incluyendo Internet Explorer.',
|
|
150
|
+
'Personalización de carpetas e iconos de escritorio en Windows 10/11.',
|
|
151
|
+
'Icono de acceso directo para aplicaciones de escritorio o instaladores.',
|
|
152
|
+
'Icono de aplicación para proyectos Electron o aplicaciones PWA.',
|
|
153
|
+
'Iconos para sistemas de gestión de archivos y exploradores corporativos.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusión',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convierte JPG a ICO auténtico con cabeceras binarias reales. Recorte automático para formato cuadrado. Gratis, privado y compatible con Windows y todos los navegadores.',
|
|
163
|
+
html: 'Convertir un JPG a ICO es un paso técnico imprescindible para cualquier proyecto web o de escritorio que necesite una identidad visual reconocible. Esta herramienta genera ICO auténticos con la estructura binaria correcta, en segundos, sin subir tu logo a ningún servidor externo. El resultado funciona en todos los navegadores, en Windows Explorer y en cualquier sistema que consuma el estándar ICO de Microsoft.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,32 +65,102 @@ const bibliography: JpgAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur JPG vers ICO
|
|
68
|
+
text: 'Convertisseur JPG vers ICO : Créez des Favicons et Icônes Windows depuis vos Photos',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Le format <strong>ICO</strong> est le standard de Microsoft pour les icônes d\'applications Windows et les favicons de sites web. Contrairement à un simple renommage d\'un JPG en .ico, un vrai fichier ICO nécessite une structure binaire spécifique avec des en-têtes de 22 octets et un répertoire d\'images intégré. Le <strong>JPG</strong> est le point de départ le plus courant pour créer ces icônes — un logo d\'entreprise, une photo de profil ou toute image que vous souhaitez transformer en identité visuelle de votre application ou site web.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG ou ICO ? Quand utiliser chaque format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Une considération technique importante lors de la conversion JPG en ICO est la proportion de l\'image. Le format ICO nécessite des images carrées. Si votre JPG original est rectangulaire, notre convertisseur le centrera et le recadrera automatiquement pour s\'adapter à un format carré, préservant la partie centrale de l\'image.',
|
|
82
|
+
html: 'Le <strong>JPG</strong> est un format source, pas une destination pour les icônes. Parfait pour les photos et les bannières, mais incompatible avec les systèmes qui exigent des icônes : l\'Explorateur Windows, la barre de favoris du navigateur, les raccourcis bureau ou les manifestes d\'applications PWA. Un système d\'exploitation ou un navigateur cherchant une icône attend le format ICO — et s\'il ne le trouve pas, il affichera une icône générique ou un carré cassé.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'Le format <strong>ICO</strong> a été conçu pour contenir plusieurs résolutions dans un seul fichier : <strong>16×16</strong> pour la barre de favoris, <strong>32×32</strong> pour les raccourcis, <strong>48×48</strong> pour l\'explorateur de fichiers et <strong>256×256</strong> pour les écrans haute densité. Les navigateurs et systèmes d\'exploitation sélectionnent automatiquement la résolution appropriée selon le contexte d\'affichage — l\'utilisateur n\'a rien à gérer.',
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparatif : Conversion locale 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.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Latence réseau à l\'envoi et au téléchargement',
|
|
103
|
+
'Vos logos d\'entreprise stockés sur des serveurs tiers',
|
|
104
|
+
'Limites de taille et quota quotidien de conversions',
|
|
105
|
+
'Publicités intrusives et traceurs 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
|
+
'Vitesse instantanée — zéro latence réseau',
|
|
115
|
+
'Confidentialité totale — 0 octet envoyé à l\'extérieur',
|
|
116
|
+
'Aucune limite de taille ni de nombre de fichiers',
|
|
117
|
+
'Interface épurée, sans publicités ni traçage',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Comment ça fonctionne techniquement',
|
|
125
|
+
level: 3,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
|
|
129
|
+
html: 'Le JPG est décodé et dessiné sur un <strong>Canvas HTML5</strong> en mémoire. Comme le format ICO exige une image carrée, le moteur détecte automatiquement si le JPG est rectangulaire et le recadre en centrant la partie la plus pertinente. Il construit ensuite l\'en-tête ICO standard de Microsoft avec le bon nombre magique (<code>00 00 01 00</code>), le répertoire d\'images et les données de pixels encodées. Le résultat est un vrai fichier binaire .ico — pas un PNG renommé.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Comme le JPG ne possède pas de canal alpha, l\'ICO résultant n\'aura pas non plus de transparence — il aura un fond solide hérité de la photographie originale. Si vous avez besoin d\'un favicon avec fond transparent (par exemple pour s\'adapter aux barres de favoris sombres ou claires), le flux recommandé est : supprimez le fond dans un éditeur, sauvegardez en PNG, puis utilisez le convertisseur PNG vers ICO.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Conseil : plusieurs résolutions dans un seul ICO',
|
|
138
|
+
html: 'Les fichiers ICO peuvent regrouper <strong>plusieurs résolutions</strong> dans un seul fichier — le navigateur ou le système d\'exploitation choisit automatiquement la plus appropriée selon le contexte. Pour le meilleur résultat possible, utilisez un JPG carré d\'au moins <strong>256×256 pixels</strong> comme source : le convertisseur disposera ainsi de suffisamment d\'informations pour générer des tailles 16×16, 32×32 et 48×48 nettes, sans pixelisation.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Cas d\'usage et compatibilité',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Favicon de site web : compatible avec tous les navigateurs y compris Internet Explorer.',
|
|
150
|
+
'Personnalisation de dossiers et d\'icônes de bureau sous Windows 10/11.',
|
|
151
|
+
'Icône de raccourci pour applications de bureau ou installateurs.',
|
|
152
|
+
'Icône d\'application pour projets Electron ou applications PWA.',
|
|
153
|
+
'Icônes pour systèmes de gestion de fichiers et explorateurs d\'entreprise.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
89
160
|
},
|
|
90
161
|
{
|
|
91
162
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Convertissez JPG en ICO authentique avec de vrais en-têtes binaires. Recadrage automatique pour format carré. Gratuit, privé et compatible avec Windows et tous les navigateurs.',
|
|
163
|
+
html: 'Convertir un JPG en ICO est une étape techniquement indispensable pour tout projet web ou de bureau nécessitant une identité visuelle reconnaissable. Cet outil génère de vrais ICO avec la structure binaire correcte, en quelques secondes, sans envoyer votre logo sur aucun serveur externe. Le résultat fonctionne dans tous les navigateurs, dans l\'Explorateur Windows et dans tout système consommant le standard ICO de Microsoft.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,42 +65,102 @@ const bibliography: JpgAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'JPG to PNG Converter: Edit Without Quality Loss and Add Transparency',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: '<strong>JPG</strong> is unbeatable for camera photographs, but it has a critical weakness: every time you save the file, it applies its lossy compression again, progressively degrading edges and gradients. <strong>PNG</strong> uses lossless compression — once saved, pixels are immutable. Converting a JPG to PNG is the essential step when you need to prepare an image for intensive editing, add a transparent background, or integrate it into a design workflow that requires multiple saves.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG or PNG? When to use each format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'One of the main reasons to convert from JPG to PNG is to prepare an image for editing. When working with overlaid text, logos or precise graphic elements, PNG prevents the accumulation of JPEG artifacts that would make text edges look blurry or flat colors lose definition.',
|
|
82
|
+
html: '<strong>JPG</strong> is the king of photography: small files, compatible with everything. But its compression artifacts accumulate with each edit and re-save. If you need to crop, retouch, or add text to an image repeatedly, starting from JPG means introducing degradation in every cycle. JPG also lacks an alpha channel: it cannot have transparent backgrounds, which disqualifies it for logos, icons, and UI elements.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'Our converter uses the HTML5 Canvas API to perform the conversion entirely in your browser. The JPG file is decoded in memory, drawn on a virtual canvas and exported as lossless PNG. This process ensures you get the best possible result starting from the original JPG file.',
|
|
86
|
+
html: '<strong>PNG</strong> is the right choice for corporate logos, screenshots with sharp text, interface elements, product images with white backgrounds that you will later need to cut out, or any graphic asset that will be edited more than once. Lossless compression guarantees that text edges remain perfectly defined and flat colors stay pure — no JPEG noise.',
|
|
84
87
|
},
|
|
85
88
|
{
|
|
86
|
-
type: '
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparison: Local vs Cloud Conversion',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Cloud Converters',
|
|
98
|
+
description: 'Tools that upload your files to a remote server.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Network latency on upload and download',
|
|
103
|
+
'Your images are stored on third-party servers',
|
|
104
|
+
'File size limits and daily conversion caps',
|
|
105
|
+
'Intrusive ads and third-party trackers',
|
|
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
|
+
'Instant speed — zero network latency',
|
|
115
|
+
'Complete privacy — 0 bytes sent externally',
|
|
116
|
+
'No MB limits or file count restrictions',
|
|
117
|
+
'Clean interface, no ads or tracking',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'How it works technically',
|
|
125
|
+
level: 3,
|
|
89
126
|
},
|
|
90
127
|
{
|
|
91
128
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'PNG files are typically 2 to 5 times larger than their JPG equivalents. This size difference is the price of lossless compression and transparency support.',
|
|
129
|
+
html: 'The process is entirely local: the browser creates a <strong>Blob</strong> from the selected JPG and draws it onto an in-memory <strong>HTML5 Canvas</strong>. Once rendered, it calls <code>toDataURL(\'image/png\')</code> — the browser\'s built-in PNG codec re-encodes every pixel without applying any new lossy compression. The result is a PNG that faithfully preserves the current state of the JPG: neither better nor worse, simply frozen.',
|
|
94
130
|
},
|
|
95
131
|
{
|
|
96
132
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
|
|
133
|
+
html: 'The resulting PNG uses lossless DEFLATE compression, the same used by professional tools like Photoshop or GIMP. Its size will be larger than the original JPG — typically 2 to 5 times — because it stores all pixels without discarding any information. This is the price paid for fidelity and infinite editability.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Important: PNG does not recover JPEG quality',
|
|
138
|
+
html: 'Converting a JPG to PNG <strong>does not recover quality lost</strong> during the original JPEG compression. If your JPG already had block artifacts or color noise, the PNG will preserve them intact — it simply prevents more from being added. Think of the conversion as "freezing" the current state of the image so that future edits do not degrade it further.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Use cases and compatibility',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Logos and brand elements that need a transparent background after cutting out.',
|
|
150
|
+
'Screenshots with text that will be edited and re-saved multiple times.',
|
|
151
|
+
'Product images for e-commerce requiring a clean, cuttable white background.',
|
|
152
|
+
'Graphic assets for PowerPoint or Google Slides presentations.',
|
|
153
|
+
'UI assets for web and mobile applications where edge sharpness is critical.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
99
160
|
},
|
|
100
161
|
{
|
|
101
162
|
type: 'paragraph',
|
|
102
|
-
html:
|
|
103
|
-
'Convert JPG to PNG for free, securely and without limits directly in your browser. Ideal for preparing images for editing or preserving quality in workflows that require multiple saves.',
|
|
163
|
+
html: 'Converting JPG to PNG is the first step in any serious design workflow. It does not transform the original quality, but it protects every pixel from future edits. With this tool, the process happens instantly and completely privately — your corporate or personal images never leave your device at any point.',
|
|
104
164
|
},
|
|
105
165
|
];
|
|
106
166
|
|
|
@@ -65,42 +65,102 @@ const bibliography: JpgAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertidor JPG a PNG
|
|
68
|
+
text: 'Convertidor de JPG a PNG: Edición sin Pérdidas y Transparencia',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'El <strong>JPG</strong> es insuperable para fotografías de cámara, pero tiene un talón de Aquiles: cada vez que guardas el archivo aplica de nuevo su compresión con pérdida, degradando progresivamente los bordes y los degradados. El <strong>PNG</strong> usa compresión sin pérdida — una vez guardado, los píxeles son inmutables. Convertir un JPG a PNG es la operación clave cuando necesitas preparar una imagen para edición intensiva, añadir un fondo transparente o integrarla en un flujo de diseño que requiere múltiples guardados.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: '¿JPG o PNG? Cuándo usar cada formato',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Una de las principales razones para convertir de JPG a PNG es preparar una imagen para su edición. Cuando se trabaja con texto superpuesto, logotipos o elementos gráficos precisos, el formato PNG evita la acumulación de artefactos JPEG que harían que los bordes del texto se vean borrosos o que los colores planos pierdan definición.',
|
|
82
|
+
html: 'El <strong>JPG</strong> es el rey de la fotografía: pesos reducidos, compatible con todo. Pero sus artefactos de compresión se acumulan con cada edición y re-guardado. Si necesitas recortar, retocar o añadir texto a una imagen repetidamente, empezar desde JPG significa introducir degradación en cada ciclo. Además, el JPG carece de canal alfa: no puede tener fondos transparentes, lo que lo descalifica para logotipos, iconos y elementos de UI.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'Nuestro convertidor utiliza el Canvas API de HTML5 para realizar la conversión completamente en tu navegador. El archivo JPG se decodifica en memoria, se dibuja en un canvas virtual y se exporta como PNG sin pérdida. Este proceso garantiza que obtienes el mejor resultado posible partiendo del archivo JPG original.',
|
|
86
|
+
html: 'El <strong>PNG</strong> es la elección correcta para logos corporativos, capturas de pantalla con texto nítido, elementos de interfaz, imágenes de producto con fondo blanco que luego necesitarás recortar, o cualquier recurso gráfico que vaya a ser editado más de una vez. La compresión sin pérdida garantiza que los bordes del texto se mantienen perfectamente definidos y que los colores planos permanecen puros, sin ruido JPEG.',
|
|
84
87
|
},
|
|
85
88
|
{
|
|
86
|
-
type: '
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
type: 'title',
|
|
90
|
+
text: 'Comparativa: Conversión Local vs Nube',
|
|
91
|
+
level: 3,
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'comparative',
|
|
95
|
+
items: [
|
|
96
|
+
{
|
|
97
|
+
title: 'Convertidores Cloud',
|
|
98
|
+
description: 'Herramientas que suben tus archivos a un servidor remoto.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Latencia de red en upload y download',
|
|
103
|
+
'Tus imágenes quedan en servidores ajenos',
|
|
104
|
+
'Límites de tamaño y conversiones diarias',
|
|
105
|
+
'Publicidad intrusiva y rastreadores 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
|
+
'Velocidad instantánea — cero latencia de red',
|
|
115
|
+
'Privacidad total — 0 bytes enviados al exterior',
|
|
116
|
+
'Sin límites de MB ni de número de archivos',
|
|
117
|
+
'Interfaz limpia, sin anuncios ni rastreos',
|
|
118
|
+
],
|
|
119
|
+
},
|
|
120
|
+
],
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'title',
|
|
124
|
+
text: 'Cómo funciona técnicamente',
|
|
125
|
+
level: 3,
|
|
89
126
|
},
|
|
90
127
|
{
|
|
91
128
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Los archivos PNG suelen ser entre 2 y 5 veces más grandes que sus equivalentes JPG. Esta diferencia de tamaño es el precio de la compresión sin pérdida y soporte de transparencia.',
|
|
129
|
+
html: 'El proceso es puramente local: el navegador crea un <strong>Blob</strong> con el JPG seleccionado y lo dibuja sobre un <strong>Canvas HTML5</strong> en memoria. Una vez renderizado, se llama a <code>toDataURL(\'image/png\')</code> — el codec PNG integrado en el navegador recodifica cada píxel sin aplicar ninguna nueva compresión con pérdida. El resultado es un PNG que preserva fielmente el estado actual del JPG: ni mejor ni peor, simplemente congelado.',
|
|
94
130
|
},
|
|
95
131
|
{
|
|
96
132
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
|
|
133
|
+
html: 'El PNG resultante utilizará compresión DEFLATE sin pérdida, la misma que emplean herramientas profesionales como Photoshop o GIMP. Su tamaño será mayor que el JPG original — normalmente entre 2 y 5 veces — porque almacena todos los píxeles sin descartar información. Es el precio que se paga por la fidelidad y la editabilidad infinita.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Importante: el PNG no recupera la calidad JPEG',
|
|
138
|
+
html: 'Convertir un JPG a PNG <strong>no recupera la calidad perdida</strong> durante la compresión JPEG original. Si tu JPG ya tenía artefactos de bloque o ruido de color, el PNG los conservará intactos — simplemente evita que se añadan más. Piensa en la conversión como "congelar" el estado actual de la imagen para que ediciones futuras no la degraden más.',
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
type: 'title',
|
|
142
|
+
text: 'Casos de uso y compatibilidad',
|
|
143
|
+
level: 3,
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
type: 'list',
|
|
147
|
+
icon: 'mdi:check-circle',
|
|
148
|
+
items: [
|
|
149
|
+
'Logos y elementos de marca que necesitan fondo transparente tras el recorte.',
|
|
150
|
+
'Capturas de pantalla con texto que serán editadas y re-guardadas varias veces.',
|
|
151
|
+
'Imágenes de producto para e-commerce que requieren fondo blanco limpio y recortable.',
|
|
152
|
+
'Recursos gráficos para presentaciones de PowerPoint o Google Slides.',
|
|
153
|
+
'Activos de UI para aplicaciones web y móviles donde la nitidez de bordes es crítica.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusión',
|
|
159
|
+
level: 3,
|
|
99
160
|
},
|
|
100
161
|
{
|
|
101
162
|
type: 'paragraph',
|
|
102
|
-
html:
|
|
103
|
-
'Convierte JPG a PNG de forma gratuita, segura y sin límites directamente en tu navegador. Ideal para preparar imágenes para edición o para preservar la calidad en flujos de trabajo que requieren múltiples guardados.',
|
|
163
|
+
html: 'La conversión de JPG a PNG es el primer paso en cualquier flujo de trabajo de diseño serio. No transforma la calidad original, pero sí protege cada píxel de ediciones futuras. Con esta herramienta, el proceso ocurre al instante y de forma completamente privada, sin que tus imágenes corporativas o personales salgan en ningún momento de tu dispositivo.',
|
|
104
164
|
},
|
|
105
165
|
];
|
|
106
166
|
|