@jjlmoya/utils-converters 1.1.0 → 1.2.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/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/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: JpgAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur JPG vers PNG
|
|
68
|
+
text: 'Convertisseur JPG vers PNG : Éditez sans perte de qualité et ajoutez de la transparence',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Le <strong>JPG</strong> est imbattable pour les photos de caméra, mais il a un talon d\'Achille : chaque fois que vous sauvegardez le fichier, il applique à nouveau sa compression avec perte, dégradant progressivement les bords et les dégradés. Le <strong>PNG</strong> utilise une compression sans perte — une fois sauvegardé, les pixels sont immuables. Convertir un JPG en PNG est l\'étape essentielle lorsque vous devez préparer une image pour une édition intensive, ajouter un fond transparent ou l\'intégrer dans un flux de travail de design nécessitant plusieurs sauvegardes.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG ou PNG ? Quand utiliser chaque format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'L\'une des principales raisons de convertir de JPG en PNG est de préparer une image pour son édition. Lorsque vous travaillez avec du texte superposé, des logos ou des éléments graphiques précis, le PNG empêche l\'accumulation d\'artefacts JPEG qui rendraient les bords du texte flous ou les couleurs plates moins définies.',
|
|
82
|
+
html: 'Le <strong>JPG</strong> est le roi de la photographie : fichiers légers, compatibles avec tout. Mais ses artefacts de compression s\'accumulent à chaque édition et re-sauvegarde. Si vous devez recadrer, retoucher ou ajouter du texte à une image à plusieurs reprises, partir d\'un JPG signifie introduire de la dégradation à chaque cycle. Le JPG est également dépourvu de canal alpha : il ne peut pas avoir de fonds transparents, ce qui l\'exclut pour les logos, icônes et éléments d\'interface.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'Le <strong>PNG</strong> est le bon choix pour les logos d\'entreprise, les captures d\'écran avec du texte net, les éléments d\'interface, les images de produits sur fond blanc à découper, ou tout actif graphique qui sera édité plus d\'une fois. La compression sans perte garantit que les bords du texte restent parfaitement définis et que les couleurs unies demeurent pures — sans bruit JPEG.',
|
|
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 images sont stockées 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
|
-
'Les fichiers PNG sont généralement 2 à 5 fois plus grands que leurs équivalents JPG. Cette différence de taille est le prix de la compression sans perte et du support de la transparence.',
|
|
129
|
+
html: 'Le processus est entièrement local : le navigateur crée un <strong>Blob</strong> à partir du JPG sélectionné et le dessine sur un <strong>Canvas HTML5</strong> en mémoire. Une fois rendu, il appelle <code>toDataURL(\'image/png\')</code> — le codec PNG intégré au navigateur ré-encode chaque pixel sans appliquer aucune nouvelle compression avec perte. Le résultat est un PNG qui préserve fidèlement l\'état actuel du JPG : ni meilleur ni moins bon, simplement figé.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'Le PNG résultant utilise la compression sans perte DEFLATE, la même qu\'emploient des outils professionnels comme Photoshop ou GIMP. Sa taille sera plus grande que le JPG original — généralement 2 à 5 fois — car il stocke tous les pixels sans en éliminer. C\'est le prix à payer pour la fidélité et l\'éditabilité infinie.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Important : le PNG ne récupère pas la qualité JPEG',
|
|
138
|
+
html: 'Convertir un JPG en PNG <strong>ne récupère pas la qualité perdue</strong> lors de la compression JPEG originale. Si votre JPG présentait déjà des artefacts de blocs ou du bruit de couleur, le PNG les conservera intacts — il empêche simplement d\'en ajouter davantage. Considérez la conversion comme le fait de "figer" l\'état actuel de l\'image pour que les éditions futures ne la dégradent pas davantage.',
|
|
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
|
+
'Logos et éléments de marque nécessitant un fond transparent après découpe.',
|
|
150
|
+
'Captures d\'écran avec texte qui seront éditées et re-sauvegardées plusieurs fois.',
|
|
151
|
+
'Images de produits pour l\'e-commerce nécessitant un fond blanc propre et découpable.',
|
|
152
|
+
'Ressources graphiques pour des présentations PowerPoint ou Google Slides.',
|
|
153
|
+
'Actifs d\'interface pour applications web et mobiles où la netteté des bords est critique.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convertissez JPG en PNG gratuitement, en toute sécurité et sans limites directement dans votre navigateur. Idéal pour préparer des images à l\'édition ou pour préserver la qualité dans des flux de travail nécessitant plusieurs sauvegardes.',
|
|
163
|
+
html: 'La conversion de JPG en PNG est la première étape de tout flux de travail de design sérieux. Elle ne transforme pas la qualité originale, mais protège chaque pixel des éditions futures. Avec cet outil, le processus se déroule instantanément et de manière totalement privée — vos images professionnelles ou personnelles ne quittent à aucun moment votre appareil.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,32 +65,102 @@ const bibliography: JpgAWebpLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAWebpLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'JPG to WebP Converter: Speed Up Your Site with Google\'s Modern Format',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'The <strong>JPG</strong> format has dominated digital photography for decades — universally compatible and widely supported. But Google engineered <strong>WebP</strong> to beat JPG at its own game: the same visual quality at 25–35% less file size. For developers and marketing teams fighting slow page loads, converting JPG to WebP is the single highest-return optimization you can apply without touching your design.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG or WebP? When to use each format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'The JPG to WebP conversion process preserves all the color information of the original image. Unlike PNG which can be affected by transparency handling, JPG is a purely flat format, meaning conversion to WebP is straightforward with no alpha channel complications.',
|
|
82
|
+
html: '<strong>JPG</strong> remains the right choice when you need universal compatibility: client emails, Word documents, legacy social media platforms, or CMS systems that do not yet accept WebP. Its thirty-year ecosystem guarantees that any screen, printer, or viewer will open it without issues. The main drawback is size — a 1.5 MB header JPG can drag down your page\'s LCP score and fail Core Web Vitals thresholds.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: '<strong>WebP</strong> is the smart choice for all content that lives on your website. Chrome, Firefox, Safari and Edge have supported it natively for years. Product images in e-commerce, blog banners, video thumbnails, and any photo published online all benefit directly: lighter pages, better Google PageSpeed Insights scores, and a smoother user experience — especially on slow mobile connections.',
|
|
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 photos 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,
|
|
84
126
|
},
|
|
85
127
|
{
|
|
86
128
|
type: 'paragraph',
|
|
87
|
-
html:
|
|
88
|
-
|
|
129
|
+
html: 'When you drag a JPG into the tool, the browser creates a <strong>Blob object</strong> that lives only in your RAM. That Blob is decoded and drawn onto an invisible <strong>HTML5 Canvas</strong> element. Since JPG has no alpha channel, the conversion to WebP is direct: the engine exports the canvas by calling <code>toDataURL(\'image/webp\')</code>, generating a byte stream that your OS downloads instantly — no server involved.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'The WebP compression algorithm combines block prediction techniques (similar to those in VP8, Google\'s video codec) with color transforms and arithmetic coding. The result is a file that contains the same perceptual information as the original JPG but packaged far more efficiently — meaning fewer kilobytes transferred with every page visit.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Core Web Vitals Tip: LCP and image weight',
|
|
138
|
+
html: 'The <strong>Largest Contentful Paint (LCP)</strong> is the Google metric that measures how long it takes to load the largest visual element on your page. A 1.5 MB header JPG can become a WebP of just 900 KB — or even 600 KB — with no noticeable visual difference. That <strong>25–35% saving</strong> can move your LCP from "Needs Improvement" to "Good" and push you up the search rankings.',
|
|
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
|
+
'Product images on WooCommerce or Shopify stores: less weight, more conversions.',
|
|
150
|
+
'Blog and article photography: better PageSpeed score without redesigning anything.',
|
|
151
|
+
'Web banners and display advertising creatives: lighter files with the same sharpness.',
|
|
152
|
+
'Portfolio galleries for architecture, photography, or design studios.',
|
|
153
|
+
'Video thumbnails on streaming sites or online course platforms.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
89
160
|
},
|
|
90
161
|
{
|
|
91
162
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Convert JPG to WebP at no cost, without limits and with complete privacy. Reduce the weight of your images and improve your website performance immediately.',
|
|
163
|
+
html: 'Converting your JPGs to WebP is today one of the simplest and most cost-effective optimizations you can apply to any website. With this tool you do it in seconds, for free, and without your images ever leaving your device. Fewer kilobytes, better LCP, faster pages — all with the exact same visual appearance you already had.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: JpgAWebpLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAWebpLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertidor JPG a WebP
|
|
68
|
+
text: 'Convertidor de JPG a WebP: Acelera tu Web con el Formato de Google',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'El formato <strong>JPG</strong> ha dominado la fotografía digital durante décadas: universal, compacto y compatible con cualquier dispositivo. Sin embargo, Google diseñó <strong>WebP</strong> para superar al JPG en su propio terreno: mismo nivel visual, un 25-35% menos de peso. Para los desarrolladores web y los equipos de marketing que luchan contra tiempos de carga lentos, convertir JPG a WebP es la palanca de optimización con mayor retorno por esfuerzo.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: '¿JPG o WebP? Cuándo usar cada formato',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'El proceso de conversión de JPG a WebP preserva toda la información de color de la imagen original. A diferencia de PNG que puede verse afectado por transparencias, el JPG es un formato puramente plano, lo que significa que la conversión a WebP es directa y sin complicaciones en cuanto al canal alfa.',
|
|
82
|
+
html: 'El <strong>JPG</strong> sigue siendo la opción correcta cuando necesitas compatibilidad universal: correos electrónicos a clientes, documentos de Word, redes sociales heredadas o sistemas CMS que no aceptan WebP. Su ecosistema de treinta años garantiza que cualquier pantalla, impresora o visor lo abrirá sin problemas. El mayor inconveniente es su tamaño: un JPG de cabecera de 1,5 MB puede lastrar el LCP de tu página hasta hacerlo reprobar en Core Web Vitals.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'Nuestro convertidor opera completamente en el navegador. Las imágenes JPG se cargan a través del Canvas API de HTML5, se renderiza su contenido y se exporta en formato WebP. Ningún archivo viaja a través de internet hacia un servidor remoto, garantizando la confidencialidad total de tu material.',
|
|
86
|
+
html: '<strong>WebP</strong> es la elección inteligente para todo el contenido que vive en tu sitio web. Chrome, Firefox, Safari y Edge lo soportan de forma nativa desde hace años. Las imágenes de producto en e-commerce, los banners de blog, las miniaturas de vídeo y cualquier fotografía publicada en línea se benefician directamente: páginas más ligeras, mejor puntuación en Google PageSpeed Insights y una experiencia de usuario más fluida, especialmente en conexiones móviles.',
|
|
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 fotografías 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: 'Cuando arrastras un JPG a la herramienta, el navegador crea un objeto <strong>Blob</strong> que reside únicamente en tu RAM. Ese Blob se decodifica y se dibuja sobre un elemento <strong>Canvas de HTML5</strong> invisible. Como el JPG no tiene canal alfa, la conversión a WebP es directa: el motor exporta el canvas llamando a <code>toDataURL(\'image/webp\')</code>, generando un flujo de bytes que tu sistema operativo descarga al instante sin pasar por ningún servidor.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'El algoritmo de compresión WebP combina técnicas de predicción de bloques (similares a las de VP8, el codec de vídeo de Google) con transformadas de color y codificación aritmética. El resultado es un archivo que contiene la misma información perceptual que el JPG original pero empaquetada de forma mucho más eficiente, lo que se traduce directamente en menos kilobytes transferidos por cada visita a tu página.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Consejo Core Web Vitals: LCP y el peso de las imágenes',
|
|
138
|
+
html: 'El <strong>Largest Contentful Paint (LCP)</strong> es la métrica de Google que mide cuánto tarda en cargarse el elemento visual más grande de tu página. Un JPG de cabecera de 1,5 MB puede convertirse en un WebP de apenas 900 KB — o incluso 600 KB — sin diferencia visual apreciable. Ese ahorro del <strong>25-35%</strong> puede mover tu LCP de "Necesita mejorar" a "Bueno" y subir posiciones en los resultados de búsqueda.',
|
|
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
|
+
'Imágenes de producto en tiendas WooCommerce o Shopify: menos peso, más conversiones.',
|
|
150
|
+
'Fotografías de blog y artículos de contenido: mejor puntuación PageSpeed sin retocar el diseño.',
|
|
151
|
+
'Banners y creatividades publicitarias web: archivos más ligeros con la misma nitidez.',
|
|
152
|
+
'Galerías de portfolio o portafolios de arquitectura/fotografía con muchas imágenes.',
|
|
153
|
+
'Miniaturas de vídeo en sitios de streaming o plataformas de cursos online.',
|
|
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 WebP sin coste, sin límites y con total privacidad. Reduce el peso de tus imágenes y mejora el rendimiento de tu sitio web de forma inmediata.',
|
|
163
|
+
html: 'Convertir tus JPG a WebP es hoy una de las optimizaciones más sencillas y rentables que puedes aplicar a cualquier sitio web. Con esta herramienta lo haces en segundos, de forma gratuita y sin que tus imágenes salgan de tu dispositivo. Menos kilobytes, mejor LCP, más velocidad — y todo eso con el mismo aspecto visual que ya tenías.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,32 +65,102 @@ const bibliography: JpgAWebpLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: JpgAWebpLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur JPG vers WebP
|
|
68
|
+
text: 'Convertisseur JPG vers WebP : Accélérez votre site avec le format de Google',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Le format <strong>JPG</strong> domine la photographie numérique depuis des décennies — universel, compact et compatible avec tous les appareils. Mais Google a conçu <strong>WebP</strong> pour surpasser le JPG sur son propre terrain : la même qualité visuelle avec 25 à 35 % de poids en moins. Pour les développeurs et les équipes marketing qui luttent contre des temps de chargement lents, convertir ses JPG en WebP est l\'optimisation au meilleur retour sur effort.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'JPG ou WebP ? Quand utiliser chaque format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Le processus de conversion JPG vers WebP préserve toutes les informations de couleur de l\'image originale. Contrairement au PNG qui peut être affecté par la gestion de la transparence, le JPG est un format purement plat, ce qui signifie que la conversion en WebP est simple.',
|
|
82
|
+
html: 'Le <strong>JPG</strong> reste le bon choix lorsque vous avez besoin d\'une compatibilité universelle : e-mails clients, documents Word, réseaux sociaux anciens ou systèmes CMS qui n\'acceptent pas encore le WebP. Son écosystème de trente ans garantit que n\'importe quel écran, imprimante ou visionneuse ouvrira le fichier sans problème. Son principal inconvénient est le poids — un JPG d\'en-tête de 1,5 Mo peut faire chuter le score LCP de votre page et échouer aux seuils Core Web Vitals.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'Le <strong>WebP</strong> est le choix intelligent pour tout le contenu hébergé sur votre site web. Chrome, Firefox, Safari et Edge le supportent nativement depuis plusieurs années. Les images de produits en e-commerce, les bannières de blog, les miniatures de vidéo et toute photo publiée en ligne en bénéficient directement : pages plus légères, meilleur score Google PageSpeed Insights et expérience utilisateur plus fluide, notamment sur les connexions mobiles lentes.',
|
|
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 photos sont stockées 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: 'Lorsque vous glissez un JPG dans l\'outil, le navigateur crée un objet <strong>Blob</strong> qui n\'existe que dans votre RAM. Ce Blob est décodé et dessiné sur un élément <strong>Canvas HTML5</strong> invisible. Comme le JPG ne possède pas de canal alpha, la conversion en WebP est directe : le moteur exporte le canvas via <code>toDataURL(\'image/webp\')</code>, générant un flux d\'octets que votre système télécharge instantanément sans passer par aucun serveur.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'L\'algorithme de compression WebP combine des techniques de prédiction de blocs (similaires à celles de VP8, le codec vidéo de Google) avec des transformées de couleur et un codage arithmétique. Le résultat est un fichier contenant les mêmes informations perceptuelles que le JPG original, mais compressées beaucoup plus efficacement — ce qui se traduit par moins de kilo-octets transférés à chaque visite de page.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Conseil Core Web Vitals : LCP et poids des images',
|
|
138
|
+
html: 'Le <strong>Largest Contentful Paint (LCP)</strong> est la métrique Google qui mesure le temps de chargement du plus grand élément visuel de votre page. Un JPG d\'en-tête de 1,5 Mo peut devenir un WebP de seulement 900 Ko — voire 600 Ko — sans différence visuelle perceptible. Cette économie de <strong>25 à 35 %</strong> peut faire passer votre LCP de « À améliorer » à « Bon » et améliorer votre positionnement dans les résultats de recherche.',
|
|
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
|
+
'Images produits sur WooCommerce ou Shopify : moins de poids, plus de conversions.',
|
|
150
|
+
'Photos de blog et articles de contenu : meilleur score PageSpeed sans retoucher le design.',
|
|
151
|
+
'Bannières web et créations publicitaires display : fichiers plus légers, même netteté.',
|
|
152
|
+
'Galeries de portfolio pour l\'architecture, la photographie ou le design.',
|
|
153
|
+
'Miniatures de vidéo sur les sites de streaming ou plateformes de cours en ligne.',
|
|
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 WebP sans frais, sans limites et avec une confidentialité totale. Réduisez le poids de vos images et améliorez immédiatement les performances de votre site web.',
|
|
163
|
+
html: 'Convertir vos JPG en WebP est aujourd\'hui l\'une des optimisations les plus simples et les plus rentables que vous puissiez appliquer à n\'importe quel site web. Avec cet outil, vous le faites en quelques secondes, gratuitement, et sans que vos images ne quittent jamais votre appareil. Moins de kilo-octets, meilleur LCP, pages plus rapides — le tout avec exactement le même rendu visuel qu\'avant.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: PngAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: PngAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'PNG to ICO Converter: The Best Source for Favicons with Perfect Transparency',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: '<strong>PNG with transparency</strong> is the ideal starting material for creating professional ICO icons. Unlike JPG (which has no alpha channel) or lossy formats, PNG gives you exactly what the ICO format needs: crisp pixels, clean edges, and a 32-bit alpha channel that lets the icon integrate perfectly over any background — whether Safari\'s white bookmark bar, Firefox\'s dark bar, or the Windows 11 desktop.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'PNG or ICO? When to use each format',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Our converter creates authentic ICO files, not simple renames. The process includes: reading the PNG in an HTML5 canvas, creating the standard Microsoft binary ICO header with the correct magic number (00 00 01 00), generating the image directory and combining everything into a valid binary .ico file. The result is natively recognized by Windows, macOS and all web browsers.',
|
|
82
|
+
html: '<strong>PNG</strong> is the working format: it\'s where you design your logo, export from Figma or Illustrator, and save your editable versions. Its transparency, pixel precision, and lossless compression make it unbeatable for the design process. But browsers, operating systems, and Windows applications looking for a favicon or app icon don\'t accept PNG directly — they need ICO.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: '<strong>ICO</strong> is the distribution format for icons in Microsoft environments and the web. It contains a specific binary structure that allows multiple resolutions to be packed into a single file: the browser reads the ICO\'s internal directory and automatically selects <strong>16×16</strong> for the browser tab, <strong>32×32</strong> for shortcuts, <strong>48×48</strong> for the file explorer, and <strong>256×256</strong> for Retina and 4K screens. Starting from a transparent PNG guarantees that all those resolutions will have perfect edges without any white fringe.',
|
|
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 logo 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
|
-
'A standard ICO file takes between 1 KB and 100 KB depending on resolution and included layers. 16x16 and 32x32 ICO Favicons are the most common for websites.',
|
|
129
|
+
html: 'The PNG is decoded into an in-memory <strong>HTML5 Canvas</strong> with full 32-bit alpha channel support. The engine builds the standard Microsoft ICO header with the correct magic number (<code>00 00 01 00</code>), the image directory with dimensions and data offset, and the pixel data while maintaining transparency information. The result is a genuine binary .ico file that Windows, macOS, and all browsers recognize natively.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'The transparency of the PNG is fully preserved in the resulting ICO — transparent pixels remain transparent, semi-transparent pixels retain their exact alpha value, and opaque pixels keep their original color. This is critical for logos on variable backgrounds: your favicon will look correct in light mode, dark mode, and any combination of browser interface colors.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Tip: use a 512×512 PNG as your source',
|
|
138
|
+
html: 'For the best possible result, use a <strong>512×512 square PNG</strong> as your source image. This resolution gives the converter enough information to generate all standard ICO sizes with sharpness — from the 16×16 favicon up to the 256×256 for high-density screens — without pixelation or edge detail loss. The larger the source PNG, the better the small icon sizes will look.',
|
|
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
|
+
'Transparent favicon for websites: works in Chrome, Firefox, Safari, Edge, and Internet Explorer.',
|
|
150
|
+
'PWA application icon: manifest.json references the ICO for desktop installation.',
|
|
151
|
+
'Windows 10/11 folder customization with a corporate logo and no white background.',
|
|
152
|
+
'Shortcut icon for desktop applications, installers, and executables.',
|
|
153
|
+
'Browser extension icon for Chrome and Firefox extensions.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convert PNG to authentic ICO with real binary headers. Free, private and with transparency support. Perfect for web Favicons and Windows icons.',
|
|
163
|
+
html: 'PNG with transparency is undoubtedly the best starting point for creating professional-quality ICO icons. With this tool, the conversion is instant, alpha channels are fully preserved, and the resulting file is a genuine ICO with the correct binary structure. No uploading your logo to any server, no watermarks, no limits — and perfect transparency at all sizes.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|