@jjlmoya/utils-converters 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/shared/style.css +2 -2
- package/src/tool/avifAJpg/i18n/en.ts +79 -14
- package/src/tool/avifAJpg/i18n/es.ts +79 -14
- package/src/tool/avifAJpg/i18n/fr.ts +82 -12
- package/src/tool/avifAPng/i18n/en.ts +82 -12
- package/src/tool/avifAPng/i18n/es.ts +79 -14
- package/src/tool/avifAPng/i18n/fr.ts +82 -12
- package/src/tool/avifAWebp/i18n/en.ts +82 -12
- package/src/tool/avifAWebp/i18n/es.ts +79 -14
- package/src/tool/avifAWebp/i18n/fr.ts +82 -12
- package/src/tool/bmpAJpg/i18n/en.ts +79 -14
- package/src/tool/bmpAJpg/i18n/es.ts +79 -14
- package/src/tool/bmpAJpg/i18n/fr.ts +82 -12
- package/src/tool/bmpAPng/i18n/en.ts +79 -14
- package/src/tool/bmpAPng/i18n/es.ts +79 -14
- package/src/tool/bmpAPng/i18n/fr.ts +82 -12
- package/src/tool/bmpAWebp/i18n/en.ts +82 -12
- package/src/tool/bmpAWebp/i18n/es.ts +79 -14
- package/src/tool/bmpAWebp/i18n/fr.ts +82 -12
- package/src/tool/gifAJpg/i18n/en.ts +79 -14
- package/src/tool/gifAJpg/i18n/es.ts +79 -14
- package/src/tool/gifAJpg/i18n/fr.ts +82 -12
- package/src/tool/gifAPng/i18n/en.ts +79 -14
- package/src/tool/gifAPng/i18n/es.ts +79 -14
- package/src/tool/gifAPng/i18n/fr.ts +82 -12
- package/src/tool/gifAWebp/i18n/en.ts +79 -14
- package/src/tool/gifAWebp/i18n/es.ts +79 -14
- package/src/tool/gifAWebp/i18n/fr.ts +82 -12
- package/src/tool/imagenBase64/i18n/en.ts +57 -16
- package/src/tool/imagenBase64/i18n/es.ts +57 -16
- package/src/tool/imagenBase64/i18n/fr.ts +59 -13
- package/src/tool/imagenBase64/style.css +1 -1
- package/src/tool/jpgAIco/i18n/en.ts +79 -14
- package/src/tool/jpgAIco/i18n/es.ts +79 -14
- package/src/tool/jpgAIco/i18n/fr.ts +82 -12
- package/src/tool/jpgAPng/i18n/en.ts +76 -16
- package/src/tool/jpgAPng/i18n/es.ts +76 -16
- package/src/tool/jpgAPng/i18n/fr.ts +79 -14
- package/src/tool/jpgAWebp/i18n/en.ts +82 -12
- package/src/tool/jpgAWebp/i18n/es.ts +79 -14
- package/src/tool/jpgAWebp/i18n/fr.ts +82 -12
- package/src/tool/pngAIco/i18n/en.ts +79 -14
- package/src/tool/pngAIco/i18n/es.ts +79 -14
- package/src/tool/pngAIco/i18n/fr.ts +82 -12
- package/src/tool/pngAWebp/i18n/en.ts +79 -14
- package/src/tool/pngAWebp/i18n/es.ts +76 -16
- package/src/tool/pngAWebp/i18n/fr.ts +82 -12
- package/src/tool/svgAJpg/i18n/en.ts +82 -12
- package/src/tool/svgAJpg/i18n/es.ts +79 -14
- package/src/tool/svgAJpg/i18n/fr.ts +82 -12
- package/src/tool/svgAPng/i18n/en.ts +79 -14
- package/src/tool/svgAPng/i18n/es.ts +76 -16
- package/src/tool/svgAPng/i18n/fr.ts +82 -12
- package/src/tool/webpAIco/i18n/en.ts +79 -14
- package/src/tool/webpAIco/i18n/es.ts +79 -14
- package/src/tool/webpAIco/i18n/fr.ts +82 -12
- package/src/tool/webpAJpg/i18n/en.ts +82 -12
- package/src/tool/webpAJpg/i18n/es.ts +79 -14
- package/src/tool/webpAJpg/i18n/fr.ts +82 -12
- package/src/tool/webpAPng/i18n/en.ts +79 -14
- package/src/tool/webpAPng/i18n/es.ts +76 -16
- package/src/tool/webpAPng/i18n/fr.ts +82 -12
|
@@ -65,32 +65,102 @@ const bibliography: SvgAPngLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: SvgAPngLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur SVG vers PNG
|
|
68
|
+
text: 'Convertisseur SVG vers PNG : Du Vecteur Infini au Raster Universel',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: '<strong>SVG</strong> (Scalable Vector Graphics) est le choix parfait pour le design web : infiniment évolutif, léger et éditable avec n\'importe quel éditeur de code. Mais lorsque vous devez utiliser ce logo ou cette icône dans une application mobile, le partager sur les réseaux sociaux ou l\'insérer dans une présentation PowerPoint, vous vous heurtez à un obstacle : la plupart de ces plateformes ne supportent pas le SVG. Le format <strong>PNG</strong> est la solution universelle : rastérisé, avec canal alpha, compatible dans absolument tous les contextes.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'SVG vs PNG : Vecteurs pour le Web, Raster pour le Monde',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Convertir SVG en PNG est la solution lorsque vous avez besoin d\'une version rastérisée de votre graphique vectoriel. Le PNG résultant est universellement compatible et, grâce à son support du canal alpha, préserve toutes les transparences du SVG original.',
|
|
82
|
+
html: 'SVG stocke l\'image sous forme d\'instructions mathématiques : une courbe de Bézier, un dégradé, un polygone. Cela signifie que le même fichier est parfaitement net à 16px comme à 16 000px. C\'est le format idéal pour votre code web, les animations CSS et tout élément devant s\'adapter à différentes résolutions d\'écran sans perte de qualité.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'PNG stocke l\'image comme une grille de pixels avec des informations de couleur et de transparence pour chacun. C\'est un format <strong>sans perte</strong>, ce qui signifie que la qualité est préservée intégralement. Une fois qu\'un SVG est rastérisé en PNG, la résolution est fixée. C\'est pourquoi le choix de la taille d\'export est crucial : notre outil effectue le rendu à double échelle (2x) pour garantir la netteté sur les écrans Retina et 4K.',
|
|
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 téléchargent vos fichiers vers un serveur distant.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Votre code SVG transite vers des serveurs externes',
|
|
103
|
+
'Rendu distant avec qualité inconsistante',
|
|
104
|
+
'Temps d\'attente pour l\'upload et le traitement',
|
|
105
|
+
'Limitations sur la taille des fichiers SVG',
|
|
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
|
+
'Votre SVG ne quitte jamais votre navigateur',
|
|
115
|
+
'Rendu par le moteur natif du navigateur, fidélité maximale',
|
|
116
|
+
'PNG en résolution 2x pour les écrans haute densité',
|
|
117
|
+
'Transparences préservées avec canal alpha complet',
|
|
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 processus commence par le chargement du fichier SVG dans un élément JavaScript <strong>Image</strong>. Une fois que le moteur du navigateur a analysé et rendu le XML vectoriel, l\'image résultante est dessinée sur un <strong>Canvas HTML5</strong> dont les dimensions sont le double de la taille SVG originale (échelle 2x). Cela produit un PNG avec deux fois plus de pixels par dimension, idéal pour les écrans haute résolution.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Contrairement à la conversion en JPG, lors de l\'export en PNG le canvas conserve le canal alpha complet : les zones transparentes du SVG original deviennent des pixels entièrement transparents dans le PNG résultant — sans remplissage de fond blanc. L\'export utilise la méthode <code>toDataURL(\'image/png\')</code> avec compression sans perte.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Conseil avant de rastériser',
|
|
138
|
+
html: 'Choisissez soigneusement la taille d\'export du PNG — rastériser un SVG est un processus à sens unique : vous ne pourrez pas récupérer les vecteurs depuis le PNG résultant. Conservez toujours le SVG original comme source maîtresse, et générez les PNG à la résolution la plus élevée dont vous pourriez avoir besoin.',
|
|
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
|
+
'Exporter des logos vectoriels pour des présentations PowerPoint ou Google Slides.',
|
|
150
|
+
'Créer des icônes PNG pour les applications iOS, Android ou Progressive Web Apps.',
|
|
151
|
+
'Partager des designs SVG sur Instagram, LinkedIn ou d\'autres réseaux sociaux.',
|
|
152
|
+
'Insérer des illustrations vectorielles dans des documents Word ou PDF.',
|
|
153
|
+
'Générer des miniatures PNG de graphiques SVG pour la prévisualisation CMS.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
89
160
|
},
|
|
90
161
|
{
|
|
91
162
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
'Convertissez SVG en PNG HD gratuitement, en toute confidentialité et avec préservation de la transparence. Rendu à double échelle pour les écrans Retina et 4K.',
|
|
163
|
+
html: 'SVG est le langage des vecteurs ; PNG est le passeport vers le reste du monde numérique. Cet outil rastérise vos SVG en résolution 2x avec les transparences intactes, directement dans votre navigateur, sans qu\'un seul octet de votre design ne transite vers un serveur externe.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: WebpAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: WebpAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: '
|
|
68
|
+
text: 'WebP to ICO Converter: Create Perfect Favicons from Your Modern Assets',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Modern web design workflows produce assets in <strong>WebP</strong> format: optimised logos, UI icons and brand elements. But when it\'s time to configure your site\'s <strong>favicon</strong> or the icons for a Windows desktop application, the required format is still <strong>ICO</strong>. Converting WebP to ICO lets you reuse your highest-quality assets without losing the original source.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'WebP vs ICO: Formats with Different Purposes',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'A key advantage of converting WebP to ICO (instead of JPG to ICO) is the preservation of transparencies. WebP supports the alpha channel just like PNG, so our converter can transfer those transparencies to the resulting ICO. You will get a perfectly functional transparent background icon both in Windows and web browsers.',
|
|
82
|
+
html: 'WebP is a general-purpose image format, excellent for photographs, illustrations and web UI icons. Its efficient compression makes it ideal for speeding up page loads. However, it lacks the specific binary structure that operating systems and browsers require to recognise and display an application icon or favicon.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'ICO is a Microsoft container format designed specifically for icons. It can store multiple resolutions in a single file and supports full transparency via a 32-bit alpha channel. Browsers look for a <code>favicon.ico</code> file by convention, and this format ensures your icon looks crisp on both standard screens and Retina and 4K displays.',
|
|
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
|
+
'Your company logo travels to third-party servers',
|
|
103
|
+
'Internet connection required for every conversion',
|
|
104
|
+
'Variable output quality depending on the server',
|
|
105
|
+
'Limits on the number of daily conversions',
|
|
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
|
+
'Your logo never leaves your browser',
|
|
115
|
+
'ICO binary headers generated to Microsoft standard',
|
|
116
|
+
'32-bit transparency preserved in full',
|
|
117
|
+
'Batch conversion of complete icon sets',
|
|
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
|
-
'The ICO Favicon format is supported by 100% of web browsers for displaying the browser tab icon. While PNG also works, ICO offers maximum compatibility including Internet Explorer and older browsers.',
|
|
129
|
+
html: 'The browser decodes the WebP file natively and draws it onto a 32-bit colour-depth <strong>HTML5 Canvas</strong>, preserving the original alpha channel. Our JavaScript engine then extracts the pixel data via the <code>getImageData()</code> method and builds the ICO binary structure with the ICONDIR and ICONDIRENTRY headers specified by the Microsoft standard.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'The result is a legitimate ICO file, not a simple file rename. The pixel data is packed with the correct structure that Windows, macOS and all modern browsers expect when loading a favicon or application icon.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Tip for crisp favicons',
|
|
138
|
+
html: 'Always generate your ICO from the highest resolution source available. A 512×512 or larger WebP will produce a perfectly sharp favicon on Retina and 4K displays, where low-resolution icons look blurry.',
|
|
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
|
+
'Creating the favicon.ico file for any website or web application.',
|
|
150
|
+
'Generating application icons for Windows software installers.',
|
|
151
|
+
'Producing desktop icons for Electron apps or similar frameworks.',
|
|
152
|
+
'Creating icon sets for Chrome and Firefox browser extensions.',
|
|
153
|
+
'Converting brand WebP logos to icons for corporate applications.',
|
|
154
|
+
],
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
type: 'title',
|
|
158
|
+
text: 'Conclusion',
|
|
159
|
+
level: 3,
|
|
94
160
|
},
|
|
95
161
|
{
|
|
96
162
|
type: 'paragraph',
|
|
97
|
-
html:
|
|
98
|
-
'Convert WebP to ICO with preserved transparency and real binary headers. Free, private and unlimited. The best converter for Favicons and Windows icons from WebP.',
|
|
163
|
+
html: 'Your modern design workflow produces WebP; the application ecosystem still demands ICO. This tool closes that gap in seconds, generating icons with the correct binary structure and intact transparency, without your brand assets ever leaving your browser.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,37 +65,102 @@ const bibliography: WebpAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: WebpAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertidor WebP a ICO
|
|
68
|
+
text: 'Convertidor WebP a ICO: Crea Favicons Perfectos desde tus Assets Modernos',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'El flujo de trabajo moderno de diseño web genera recursos en formato <strong>WebP</strong>: logos optimizados, iconos de interfaz y elementos de marca. Pero cuando llega el momento de configurar el <strong>favicon</strong> de tu sitio o los iconos de una aplicación de escritorio en Windows, el formato requerido sigue siendo <strong>ICO</strong>. Convertir WebP a ICO te permite reutilizar tus assets de mayor calidad sin perder la fuente original.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'WebP vs ICO: Formatos con Propósitos Distintos',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Una ventaja clave de convertir WebP a ICO (en lugar de JPG a ICO) es la preservación de las transparencias. El WebP soporta el canal alfa igual que PNG, por lo que nuestro convertidor puede transferir esas transparencias al ICO resultante. Obtendrás un icono con fondo transparente perfectamente funcional tanto en Windows como en navegadores web.',
|
|
82
|
+
html: 'WebP es un formato de imagen de propósito general, excelente para fotografías, ilustraciones e iconos de interfaz en la web. Su compresión eficiente lo hace ideal para acelerar la carga de páginas. Sin embargo, no tiene la estructura binaria específica que requieren los sistemas operativos y los navegadores para reconocer y mostrar un icono de aplicación o favicon.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
85
|
type: 'paragraph',
|
|
82
|
-
html:
|
|
83
|
-
'El proceso completo ocurre en tu navegador. El archivo WebP se decodifica usando el soporte nativo del navegador, se renderiza en un canvas HTML5 y se codifica como ICO con las cabeceras binarias de Microsoft correctas. No hay transferencia de datos a servidores externos.',
|
|
86
|
+
html: 'ICO es un formato contenedor de Microsoft diseñado específicamente para iconos. Puede almacenar múltiples resoluciones en un único archivo y soporta transparencia total mediante canal alfa de 32 bits. Los navegadores buscan un archivo <code>favicon.ico</code> por convención, y este formato garantiza que tu icono se muestre nítido tanto en pantallas estándar como en displays Retina y 4K.',
|
|
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
|
+
'Tu logo de empresa viaja a servidores de terceros',
|
|
103
|
+
'Dependencia de conexión a Internet para cada conversión',
|
|
104
|
+
'Calidad de salida variable según el servidor',
|
|
105
|
+
'Limitaciones en el número de conversiones diarias',
|
|
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
|
+
'Tu logo nunca abandona tu navegador',
|
|
115
|
+
'Cabeceras binarias ICO generadas al estándar de Microsoft',
|
|
116
|
+
'Transparencia de 32 bits preservada íntegramente',
|
|
117
|
+
'Conversión por lotes de sets completos de iconos',
|
|
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 navegador decodifica el archivo WebP de forma nativa y lo dibuja sobre un <strong>Canvas HTML5</strong> a 32 bits de profundidad de color, conservando el canal alfa original. A continuación, nuestro motor JavaScript extrae los datos de píxeles mediante el método <code>getImageData()</code> y construye la estructura binaria del archivo ICO con las cabeceras ICONDIR e ICONDIRENTRY que especifica el estándar de Microsoft.',
|
|
89
130
|
},
|
|
90
131
|
{
|
|
91
132
|
type: 'paragraph',
|
|
92
|
-
html:
|
|
93
|
-
|
|
133
|
+
html: 'El resultado es un archivo ICO legítimo, no un simple renombrado de archivo. Los datos de píxeles están empaquetados con la estructura correcta que Windows, macOS y todos los navegadores modernos esperan encontrar al cargar un favicon o icono de aplicación.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Consejo para favicons nítidos',
|
|
138
|
+
html: 'Genera siempre tu ICO a partir de la fuente de mayor resolución disponible. Un WebP de 512×512 o mayor producirá un favicon perfectamente nítido en pantallas Retina y 4K, donde los iconos de baja resolución se ven borrosos.',
|
|
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
|
+
'Crear el archivo favicon.ico para cualquier sitio web o aplicación web.',
|
|
150
|
+
'Generar iconos de aplicación para instaladores de software Windows.',
|
|
151
|
+
'Producir iconos de escritorio para aplicaciones Electron o similares.',
|
|
152
|
+
'Crear sets de iconos para extensiones de navegador Chrome y Firefox.',
|
|
153
|
+
'Convertir logos de marca WebP en iconos para aplicaciones corporativas.',
|
|
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 WebP a ICO con transparencias preservadas y cabeceras binarias reales. Gratis, privado y sin límites. El mejor conversor para Favicons y iconos de Windows desde WebP.',
|
|
163
|
+
html: 'Tu flujo de diseño moderno produce WebP; el ecosistema de aplicaciones todavía exige ICO. Esta herramienta cierra esa brecha en segundos, generando iconos con la estructura binaria correcta y transparencias intactas, sin que tus assets de marca abandonen tu navegador.',
|
|
99
164
|
},
|
|
100
165
|
];
|
|
101
166
|
|
|
@@ -65,32 +65,102 @@ const bibliography: WebpAIcoLocaleContent['bibliography'] = [
|
|
|
65
65
|
const seo: WebpAIcoLocaleContent['seo'] = [
|
|
66
66
|
{
|
|
67
67
|
type: 'title',
|
|
68
|
-
text: 'Convertisseur WebP vers ICO
|
|
68
|
+
text: 'Convertisseur WebP vers ICO : Créez des Favicons Parfaits depuis vos Assets Modernes',
|
|
69
|
+
level: 2,
|
|
69
70
|
},
|
|
70
71
|
{
|
|
71
72
|
type: 'paragraph',
|
|
72
|
-
html:
|
|
73
|
-
|
|
73
|
+
html: 'Les flux de travail de design web modernes produisent des ressources au format <strong>WebP</strong> : logos optimisés, icônes d\'interface et éléments de marque. Mais lorsqu\'il faut configurer le <strong>favicon</strong> de votre site ou les icônes d\'une application de bureau Windows, le format requis est toujours <strong>ICO</strong>. Convertir WebP en ICO vous permet de réutiliser vos assets de la meilleure qualité sans perdre la source originale.',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'title',
|
|
77
|
+
text: 'WebP vs ICO : Des Formats aux Objectifs Distincts',
|
|
78
|
+
level: 3,
|
|
74
79
|
},
|
|
75
80
|
{
|
|
76
81
|
type: 'paragraph',
|
|
77
|
-
html:
|
|
78
|
-
'Un avantage clé de la conversion WebP en ICO (au lieu de JPG en ICO) est la préservation des transparences. WebP supporte le canal alpha tout comme PNG, donc notre convertisseur peut transférer ces transparences dans l\'ICO résultant. Vous obtiendrez une icône à fond transparent parfaitement fonctionnelle dans Windows et les navigateurs web.',
|
|
82
|
+
html: 'WebP est un format d\'image polyvalent, excellent pour les photographies, illustrations et icônes d\'interface web. Sa compression efficace le rend idéal pour accélérer le chargement des pages. Cependant, il ne possède pas la structure binaire spécifique que les systèmes d\'exploitation et navigateurs exigent pour reconnaître et afficher une icône d\'application ou un favicon.',
|
|
79
83
|
},
|
|
80
84
|
{
|
|
81
|
-
type: '
|
|
82
|
-
html:
|
|
83
|
-
|
|
85
|
+
type: 'paragraph',
|
|
86
|
+
html: 'ICO est un format conteneur Microsoft conçu spécifiquement pour les icônes. Il peut stocker plusieurs résolutions dans un seul fichier et supporte la transparence totale via un canal alpha 32 bits. Les navigateurs cherchent un fichier <code>favicon.ico</code> par convention, et ce format garantit que votre icône s\'affiche nettement sur les écrans standards comme sur les écrans Retina et 4K.',
|
|
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 téléchargent vos fichiers vers un serveur distant.',
|
|
99
|
+
icon: 'mdi:cloud-upload',
|
|
100
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
101
|
+
points: [
|
|
102
|
+
'Votre logo d\'entreprise transite vers des serveurs tiers',
|
|
103
|
+
'Connexion Internet requise pour chaque conversion',
|
|
104
|
+
'Qualité de sortie variable selon le serveur',
|
|
105
|
+
'Limites sur le nombre de conversions quotidiennes',
|
|
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
|
+
'Votre logo ne quitte jamais votre navigateur',
|
|
115
|
+
'En-têtes binaires ICO générés selon le standard Microsoft',
|
|
116
|
+
'Transparence 32 bits préservée intégralement',
|
|
117
|
+
'Conversion par lots de sets d\'icônes complets',
|
|
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 navigateur décode le fichier WebP nativement et le dessine sur un <strong>Canvas HTML5</strong> en profondeur de couleur 32 bits, en préservant le canal alpha original. Notre moteur JavaScript extrait ensuite les données de pixels via la méthode <code>getImageData()</code> et construit la structure binaire ICO avec les en-têtes ICONDIR et ICONDIRENTRY spécifiés par le standard Microsoft.',
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Le résultat est un fichier ICO légitime, pas un simple renommage de fichier. Les données de pixels sont empaquetées avec la structure correcte que Windows, macOS et tous les navigateurs modernes s\'attendent à trouver lors du chargement d\'un favicon ou d\'une icône d\'application.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'tip',
|
|
137
|
+
title: 'Conseil pour des favicons nets',
|
|
138
|
+
html: 'Générez toujours votre ICO à partir de la source en plus haute résolution disponible. Un WebP de 512×512 ou plus grand produira un favicon parfaitement net sur les écrans Retina et 4K, là où les icônes basse résolution apparaissent floues.',
|
|
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
|
+
'Créer le fichier favicon.ico pour tout site web ou application web.',
|
|
150
|
+
'Générer des icônes d\'application pour les installateurs de logiciels Windows.',
|
|
151
|
+
'Produire des icônes de bureau pour les applications Electron ou similaires.',
|
|
152
|
+
'Créer des jeux d\'icônes pour les extensions Chrome et Firefox.',
|
|
153
|
+
'Convertir des logos WebP de marque en icônes pour applications 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 WebP en ICO avec transparence préservée et vrais en-têtes binaires. Gratuit, privé et illimité. Le meilleur convertisseur pour les Favicons et icônes Windows depuis WebP.',
|
|
163
|
+
html: 'Votre flux de design moderne produit du WebP ; l\'écosystème applicatif exige encore de l\'ICO. Cet outil comble cet écart en quelques secondes, en générant des icônes avec la structure binaire correcte et une transparence intacte, sans que vos assets de marque ne quittent jamais votre navigateur.',
|
|
94
164
|
},
|
|
95
165
|
];
|
|
96
166
|
|
|
@@ -69,32 +69,102 @@ const bibliography: WebpAJpgLocaleContent['bibliography'] = [
|
|
|
69
69
|
const seo: WebpAJpgLocaleContent['seo'] = [
|
|
70
70
|
{
|
|
71
71
|
type: 'title',
|
|
72
|
-
text: '
|
|
72
|
+
text: 'WebP to JPG Converter: Universal Compatibility Without Compromising Privacy',
|
|
73
|
+
level: 2,
|
|
73
74
|
},
|
|
74
75
|
{
|
|
75
76
|
type: 'paragraph',
|
|
76
|
-
html:
|
|
77
|
-
|
|
77
|
+
html: '<strong>WebP</strong> is Google\'s bet on efficiency: lighter images with quality comparable to traditional JPG. However, its compatibility remains a real-world problem. Email clients like Outlook, legacy design software, messaging apps, and corporate workflows still depend on the ubiquitous <strong>JPG</strong>. Converting WebP to JPG is the bridge between the modern web and the real world.',
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
type: 'title',
|
|
81
|
+
text: 'WebP vs JPG: When to Use Each Format?',
|
|
82
|
+
level: 3,
|
|
78
83
|
},
|
|
79
84
|
{
|
|
80
85
|
type: 'paragraph',
|
|
81
|
-
html:
|
|
82
|
-
'An important technical aspect to consider is transparency handling. The JPG format does not support the alpha channel, so any transparent area in the original WebP file will automatically be replaced with a solid white background during conversion. If you need to preserve transparency, consider using PNG as the target format instead.',
|
|
86
|
+
html: 'WebP excels in controlled environments: modern websites on Chrome, Edge or Firefox where browser compatibility can be guaranteed. Its superior compression reduces file weight by 25–35% compared to equivalent JPG, improving load times and Core Web Vitals metrics. It is the ideal format when you control the viewing environment.',
|
|
83
87
|
},
|
|
84
88
|
{
|
|
85
|
-
type: '
|
|
86
|
-
html:
|
|
87
|
-
|
|
89
|
+
type: 'paragraph',
|
|
90
|
+
html: 'JPG, on the other hand, works in <em>absolutely every context</em>: email attachments, PowerPoint presentations, Word documents, home printers, legacy editing applications and social media platforms without exception. If you need someone to open your image without any technical friction, JPG is the right answer.',
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
type: 'title',
|
|
94
|
+
text: 'Comparison: Local vs Cloud Conversion',
|
|
95
|
+
level: 3,
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
type: 'comparative',
|
|
99
|
+
items: [
|
|
100
|
+
{
|
|
101
|
+
title: 'Cloud Converters',
|
|
102
|
+
description: 'Tools that upload your files to a remote server.',
|
|
103
|
+
icon: 'mdi:cloud-upload',
|
|
104
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
105
|
+
points: [
|
|
106
|
+
'Your photos travel across the internet to unknown servers',
|
|
107
|
+
'Waiting time for upload and remote processing',
|
|
108
|
+
'Daily limits on file size and free conversions',
|
|
109
|
+
'Real risk of data retention on third-party servers',
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
title: 'Our Local Architecture',
|
|
114
|
+
description: 'Direct processing on your hardware using Vanilla JS technology.',
|
|
115
|
+
icon: 'mdi:laptop-mac',
|
|
116
|
+
highlight: true,
|
|
117
|
+
points: [
|
|
118
|
+
'Zero bytes sent: everything happens in your RAM',
|
|
119
|
+
'Instant speed without depending on your connection',
|
|
120
|
+
'No limits on file size or number of files',
|
|
121
|
+
'Perfect for personal, medical or corporate photos',
|
|
122
|
+
],
|
|
123
|
+
},
|
|
124
|
+
],
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
type: 'title',
|
|
128
|
+
text: 'How It Works Technically',
|
|
129
|
+
level: 3,
|
|
88
130
|
},
|
|
89
131
|
{
|
|
90
132
|
type: 'paragraph',
|
|
91
|
-
html:
|
|
92
|
-
|
|
133
|
+
html: 'When you drag a WebP file into the tool, the browser decodes it natively using its internal rendering engine. The file is then drawn onto an invisible <strong>HTML5 Canvas</strong> element. Since JPG does not support transparency, the algorithm pre-fills the canvas with a solid white background before compositing the image on top.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'paragraph',
|
|
137
|
+
html: 'The final step is export: the Canvas method <code>toDataURL(\'image/jpeg\')</code> converts the canvas pixels into a high-quality compressed JPG byte stream. This stream is delivered directly to the browser\'s download system, with no network communication whatsoever. The entire process takes milliseconds even for multi-megapixel images.',
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
type: 'tip',
|
|
141
|
+
title: 'Compatibility tip',
|
|
142
|
+
html: 'When sharing photos with non-technical users or sending them via email, always use JPG — zero compatibility issues across any email client, operating system or device, no exceptions and no unpleasant surprises.',
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
type: 'title',
|
|
146
|
+
text: 'Use Cases and Compatibility',
|
|
147
|
+
level: 3,
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
type: 'list',
|
|
151
|
+
icon: 'mdi:check-circle',
|
|
152
|
+
items: [
|
|
153
|
+
'Attaching photos in emails from Outlook, Gmail or Apple Mail.',
|
|
154
|
+
'Inserting images in Word documents, Excel or PowerPoint presentations.',
|
|
155
|
+
'Posting on social media platforms that reject WebP.',
|
|
156
|
+
'Sharing via WhatsApp or messaging apps with limited format support.',
|
|
157
|
+
'Printing photographs at print services that only accept JPG or PNG.',
|
|
158
|
+
],
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
type: 'title',
|
|
162
|
+
text: 'Conclusion',
|
|
163
|
+
level: 3,
|
|
93
164
|
},
|
|
94
165
|
{
|
|
95
166
|
type: 'paragraph',
|
|
96
|
-
html:
|
|
97
|
-
'Convert WebP to JPG locally, for free and without limits. No servers, no registration, compatible with all your devices and files.',
|
|
167
|
+
html: 'WebP is the future of web images, but JPG remains the king of universal compatibility. This tool lets you cross that bridge in seconds, completely privately and without installing anything. Your image never leaves your device.',
|
|
98
168
|
},
|
|
99
169
|
];
|
|
100
170
|
|