@jjlmoya/utils-converters 1.1.0 → 1.3.0

package/src/tool/svgAJpg/i18n/en.ts

@@ -65,32 +65,102 @@ const bibliography: SvgAJpgLocaleContent['bibliography'] = [
 const seo: SvgAJpgLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Free Online SVG to JPG Converter',
+    text: 'SVG to JPG Converter: Take Your Vectors to Any Platform',
+    level: 2,
   },
   {
     type: 'paragraph',
-    html:
-      'While SVG is perfectly scalable and lightweight for web use, sometimes you need a JPG version of your vector graphic. JPG is the world\'s most compatible photographic format and can be opened without issues by any device, operating system or image viewing program.',
+    html: 'The <strong>SVG</strong> format is the native language of the modern web: lightweight, scalable, editable. But there are entire platforms that simply don\'t understand vectors. Social media, email clients, Word documents, print applications and the vast majority of real-world software work with rasterised images. <strong>JPG</strong> is the universal common denominator: accepted everywhere, with no exceptions, no plugins and no additional conversions needed.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs JPG: When the Vector Needs to Become a Photo',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Converting SVG to JPG involves a rasterization process: the vector graphic is converted into a pixel grid. During this process, SVG transparencies are merged with a solid white background, since JPG does not support the alpha channel. Our converter performs this rasterization at double resolution (2x) to produce crisp JPGs suitable for any use.',
+    html: 'SVG stores the image as mathematical instructions. This vector nature makes it perfect for the web but invisible to the analogue world and legacy software. An SVG file sent by email can appear as incomprehensible XML text in the recipient\'s client. An SVG attached to a Word document may not render at all in older versions of Office.',
   },
   {
-    type: 'tip',
-    html:
-      'If your SVG has text or custom fonts, make sure they are embedded or converted to paths before converting. System fonts may not be available in the rendering engine.',
+    type: 'paragraph',
+    html: 'JPG converts each image into a pixel matrix with colour information compressed by the JPEG algorithm. Since it doesn\'t support an alpha channel, the converter automatically merges the background with solid white. In return, you get a file that opens on <em>any device on the planet</em>: old mobile phones, printers, smart TVs, editing apps from twenty years ago. It\'s the lowest-common-denominator format, and in many contexts, the most valuable one.',
+  },
+  {
+    type: 'title',
+    text: 'Comparison: Local vs Cloud Conversion',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Converters',
+        description: 'Tools that upload your files to a remote server.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Your SVG code (with proprietary design data) travels to external servers',
+          'Inconsistent rendering of fonts and gradients',
+          'Internet connection needed for every conversion',
+          'JPG output quality not always configurable',
+        ],
+      },
+      {
+        title: 'Our Local Architecture',
+        description: 'Direct processing on your hardware using Vanilla JS technology.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Zero bytes of your SVG leave the browser',
+          'Faithful rendering using the native browser engine',
+          '2x resolution JPG for maximum sharpness',
+          'White background automatically applied per JPG standard',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'How It Works Technically',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'A 100KB SVG converted to JPG at 2x can produce a file between 50KB and 500KB depending on the complexity of the design and colors used.',
+    html: 'The SVG file is loaded into a browser <strong>Image</strong> element, which uses its own vector rendering engine to interpret the XML. The visual result is drawn onto an <strong>HTML5 Canvas</strong> with a prior white background fill (required because JPG doesn\'t support transparency) at double scale to maximise output resolution.',
+  },
+  {
+    type: 'paragraph',
+    html: 'The method <code>toDataURL(\'image/jpeg\', 0.92)</code> converts the canvas pixels into a high-quality JPG file. SVG colours may experience slight variations due to colour space conversion in JPEG compression. It is therefore advisable to preview the result before using it in professional print jobs where chromatic fidelity is critical.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip for print use',
+    html: 'SVG backgrounds and gradients can look slightly different in JPG due to colour profile differences in JPEG compression. Always preview the result before sending to a printer or using it in printed marketing materials where exact brand colour accuracy matters.',
+  },
+  {
+    type: 'title',
+    text: 'Use Cases and Compatibility',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Sharing SVG logos and illustrations on Facebook, Twitter or LinkedIn.',
+      'Attaching vector graphics in emails via Outlook or Gmail.',
+      'Inserting SVG designs into Word documents, Excel or presentations.',
+      'Publishing product images on online shops that don\'t support SVG.',
+      'Preparing files for on-demand print services.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusion',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convert SVG to high-resolution JPG for free and privately. 2x rendering for maximum sharpness, automatic white background for full JPG compatibility.',
+    html: 'The real world still speaks in pixels. This tool translates your SVG vectors into the universal language of JPG in seconds, with high-resolution rendering and without your proprietary designs ever leaving your browser.',
   },
 ];
 

package/src/tool/svgAJpg/i18n/es.ts

@@ -65,37 +65,102 @@ const bibliography: SvgAJpgLocaleContent['bibliography'] = [
 const seo: SvgAJpgLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Convertidor SVG a JPG Online Gratuito',
+    text: 'Convertidor SVG a JPG: Lleva tus Vectores a Cualquier Plataforma',
+    level: 2,
   },
   {
     type: 'paragraph',
-    html:
-      'Mientras que el formato SVG es perfectamente escalable y ligero para su uso en la web, en ocasiones necesitas una versión JPG de tu gráfico vectorial. El JPG es el formato fotográfico más compatible del mundo y puede ser abierto sin problemas por cualquier dispositivo, sistema operativo o programa de visualización de imágenes.',
+    html: 'El formato <strong>SVG</strong> es el lenguaje nativo de la web moderna: ligero, escalable, editable. Pero hay plataformas enteras que simplemente no entienden vectores. Las redes sociales, los clientes de correo electrónico, los documentos Word, las aplicaciones de impresión y la inmensa mayoría del software del mundo real trabajan con imágenes rasterizadas. El <strong>JPG</strong> es el denominador común universal: aceptado en todos partes, sin excepciones, sin necesidad de plugins ni conversiones adicionales.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs JPG: Cuando el Vector Necesita Convertirse en Foto',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'La conversión de SVG a JPG implica un proceso de rasterización: el gráfico vectorial se convierte en una cuadrícula de píxeles. Durante este proceso, las transparencias del SVG se fusionan con un fondo blanco sólido, ya que el formato JPG no soporta el canal alfa. Nuestro convertidor realiza esta rasterización a doble resolución (2x) para producir JPGs nítidos aptos para cualquier uso.',
+    html: 'SVG almacena la imagen como instrucciones matemáticas. Esta naturaleza vectorial lo hace perfecto para la web pero invisible para el mundo analógico y el software heredado. Un archivo SVG enviado por correo electrónico puede aparecer como texto XML incomprensible en el cliente del destinatario. Un SVG adjunto a un documento Word puede no renderizarse en absoluto en versiones antiguas de Office.',
   },
   {
     type: 'paragraph',
-    html:
-      'Todo el proceso ocurre en tu navegador sin necesidad de conectarse a ningún servidor. El SVG se carga en un elemento Image, se dibuja sobre un canvas HTML5 con fondo blanco a escala 2x y se exporta como JPG de alta calidad.',
+    html: 'JPG convierte cada imagen en una matriz de píxeles con información de color comprimida mediante el algoritmo JPEG. Al no admitir canal alfa, el convertidor fusiona automáticamente el fondo con blanco sólido. A cambio, obtienes un archivo que se abre en <em>cualquier dispositivo del planeta</em>: móviles antiguos, impresoras, televisores inteligentes, aplicaciones de edición de hace veinte años. Es el formato del mínimo común denominador, y en muchos contextos, el más valioso.',
   },
   {
-    type: 'tip',
-    html:
-      'Si tu SVG tiene texto o fuentes personalizadas, asegúrate de que estén incrustados o convertidos a trayectorias antes de convertir. Las fuentes del sistema pueden no estar disponibles en el motor de renderizado.',
+    type: 'title',
+    text: 'Comparativa: Conversión Local vs Nube',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Convertidores Cloud',
+        description: 'Herramientas que suben tus archivos a un servidor remoto.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Tu código SVG (con datos de diseño propietario) viaja a servidores externos',
+          'Renderizado inconsistente de fuentes y gradientes',
+          'Necesitas conexión a Internet para cada conversión',
+          'Calidad JPG de salida no siempre configurable',
+        ],
+      },
+      {
+        title: 'Nuestra Arquitectura Local',
+        description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Cero bytes de tu SVG salen del navegador',
+          'Renderizado fiel usando el motor nativo del navegador',
+          'JPG a 2x de resolución para máxima nitidez',
+          'Fondo blanco aplicado automáticamente por el estándar JPG',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cómo funciona técnicamente',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'El archivo SVG se carga en un elemento <strong>Image</strong> del navegador, que utiliza su propio motor de renderizado vectorial para interpretar el XML. El resultado visual se dibuja sobre un <strong>Canvas HTML5</strong> con fondo blanco previo (necesario porque JPG no admite transparencias) a doble escala para maximizar la resolución de salida.',
   },
   {
     type: 'paragraph',
-    html:
-      'Un SVG de 100KB convertido a JPG a 2x puede producir un archivo de entre 50KB y 500KB dependiendo de la complejidad del diseño y los colores utilizados.',
+    html: 'El método <code>toDataURL(\'image/jpeg\', 0.92)</code> convierte los píxeles del canvas en un archivo JPG de alta calidad. Los colores del SVG pueden experimentar ligeras variaciones debido a la conversión del espacio de color de la compresión JPEG. Por ello es recomendable previsualizar el resultado antes de usarlo en trabajos de impresión profesional donde la fidelidad cromática es crítica.',
+  },
+  {
+    type: 'tip',
+    title: 'Consejo para impresión',
+    html: 'Los fondos y degradados SVG pueden lucir ligeramente diferentes en JPG debido al perfil de color de la compresión JPEG. Previsualiza siempre el resultado antes de enviarlo a imprenta o usarlo en materiales de marketing impresos donde el color exacto de marca es importante.',
+  },
+  {
+    type: 'title',
+    text: 'Casos de uso y compatibilidad',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Compartir logos e ilustraciones SVG en Facebook, Twitter o LinkedIn.',
+      'Adjuntar gráficos vectoriales en correos electrónicos con Outlook o Gmail.',
+      'Insertar diseños SVG en documentos Word, Excel o presentaciones.',
+      'Publicar imágenes de producto en tiendas online que no soportan SVG.',
+      'Preparar archivos para servicios de impresión bajo demanda.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusión',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convierte SVG a JPG de alta resolución de forma gratuita y privada. Renderizado 2x para máxima nitidez, fondo blanco automático para compatibilidad total con JPG.',
+    html: 'El mundo real todavía habla en píxeles. Esta herramienta traduce tus vectores SVG al lenguaje universal del JPG en segundos, con renderizado de alta resolución y sin que tus diseños propietarios abandonen jamás tu navegador.',
   },
 ];
 

package/src/tool/svgAJpg/i18n/fr.ts

@@ -65,32 +65,102 @@ const bibliography: SvgAJpgLocaleContent['bibliography'] = [
 const seo: SvgAJpgLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Convertisseur SVG vers JPG en Ligne Gratuit',
+    text: 'Convertisseur SVG vers JPG : Emmenez vos Vecteurs sur Toutes les Plateformes',
+    level: 2,
   },
   {
     type: 'paragraph',
-    html:
-      'Bien que le SVG soit parfaitement évolutif et léger pour le web, vous avez parfois besoin d\'une version JPG de votre graphique vectoriel. Le JPG est le format photographique le plus compatible au monde et peut être ouvert sans problème par n\'importe quel appareil, système d\'exploitation ou programme de visualisation d\'images.',
+    html: 'Le format <strong>SVG</strong> est le langage natif du web moderne : léger, évolutif, éditable. Mais il existe des plateformes entières qui ne comprennent tout simplement pas les vecteurs. Les réseaux sociaux, les clients de messagerie, les documents Word, les applications d\'impression et la grande majorité des logiciels du monde réel fonctionnent avec des images rastérisées. Le <strong>JPG</strong> est le plus petit dénominateur commun universel : accepté partout, sans exception, sans plugins ni conversions supplémentaires.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs JPG : Quand le Vecteur Doit Devenir une Photo',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'La conversion SVG en JPG implique un processus de rastérisation : le graphique vectoriel est converti en grille de pixels. Pendant ce processus, les transparences SVG sont fusionnées avec un fond blanc solide, car le JPG ne supporte pas le canal alpha. Notre convertisseur effectue cette rastérisation à double résolution (2x).',
+    html: 'SVG stocke l\'image sous forme d\'instructions mathématiques. Cette nature vectorielle le rend parfait pour le web mais invisible pour le monde analogique et les logiciels hérités. Un fichier SVG envoyé par e-mail peut apparaître comme du texte XML incompréhensible dans le client du destinataire. Un SVG joint à un document Word peut ne pas se rendre du tout dans les anciennes versions d\'Office.',
   },
   {
-    type: 'tip',
-    html:
-      'Si votre SVG contient du texte ou des polices personnalisées, assurez-vous qu\'ils sont incorporés ou convertis en chemins avant la conversion. Les polices système peuvent ne pas être disponibles dans le moteur de rendu.',
+    type: 'paragraph',
+    html: 'JPG convertit chaque image en matrice de pixels avec des informations de couleur compressées par l\'algorithme JPEG. Ne supportant pas le canal alpha, le convertisseur fusionne automatiquement le fond avec du blanc solide. En échange, vous obtenez un fichier qui s\'ouvre sur <em>n\'importe quel appareil de la planète</em> : vieux téléphones, imprimantes, téléviseurs intelligents, applications d\'édition vieilles de vingt ans. C\'est le format du plus petit dénominateur commun, et dans bien des contextes, le plus précieux.',
+  },
+  {
+    type: 'title',
+    text: 'Comparatif : Conversion Locale vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Convertisseurs Cloud',
+        description: 'Outils qui téléchargent vos fichiers vers un serveur distant.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Votre code SVG (avec données de design propriétaires) transite vers des serveurs externes',
+          'Rendu inconsistant des polices et dégradés',
+          'Connexion Internet requise pour chaque conversion',
+          'Qualité JPG de sortie pas toujours configurable',
+        ],
+      },
+      {
+        title: 'Notre Architecture Locale',
+        description: 'Traitement direct sur votre matériel via la technologie Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Zéro octet de votre SVG ne quitte le navigateur',
+          'Rendu fidèle via le moteur natif du navigateur',
+          'JPG en résolution 2x pour une netteté maximale',
+          'Fond blanc appliqué automatiquement selon le standard JPG',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Comment ça fonctionne techniquement',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Un SVG de 100 Ko converti en JPG à 2x peut produire un fichier entre 50 Ko et 500 Ko selon la complexité du design et les couleurs utilisées.',
+    html: 'Le fichier SVG est chargé dans un élément <strong>Image</strong> du navigateur, qui utilise son propre moteur de rendu vectoriel pour interpréter le XML. Le résultat visuel est dessiné sur un <strong>Canvas HTML5</strong> avec un fond blanc préalable (requis car JPG ne supporte pas la transparence) à double échelle pour maximiser la résolution de sortie.',
+  },
+  {
+    type: 'paragraph',
+    html: 'La méthode <code>toDataURL(\'image/jpeg\', 0.92)</code> convertit les pixels du canvas en un fichier JPG de haute qualité. Les couleurs SVG peuvent subir de légères variations dues à la conversion de l\'espace colorimétrique lors de la compression JPEG. Il est donc recommandé de prévisualiser le résultat avant de l\'utiliser dans des travaux d\'impression professionnels où la fidélité chromatique est critique.',
+  },
+  {
+    type: 'tip',
+    title: 'Conseil pour l\'impression',
+    html: 'Les fonds et dégradés SVG peuvent sembler légèrement différents en JPG en raison du profil colorimétrique de la compression JPEG. Prévisualisez toujours le résultat avant de l\'envoyer à l\'imprimeur ou de l\'utiliser dans des supports marketing imprimés où la couleur exacte de la marque est importante.',
+  },
+  {
+    type: 'title',
+    text: 'Cas d\'usage et compatibilité',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Partager des logos et illustrations SVG sur Facebook, Twitter ou LinkedIn.',
+      'Joindre des graphiques vectoriels dans des e-mails via Outlook ou Gmail.',
+      'Insérer des designs SVG dans des documents Word, Excel ou présentations.',
+      'Publier des images de produits sur des boutiques en ligne qui ne supportent pas le SVG.',
+      'Préparer des fichiers pour les services d\'impression à la demande.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusion',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convertissez SVG en JPG haute résolution gratuitement et en toute confidentialité. Rendu 2x pour une netteté maximale, fond blanc automatique pour une compatibilité JPG totale.',
+    html: 'Le monde réel parle encore en pixels. Cet outil traduit vos vecteurs SVG dans le langage universel du JPG en quelques secondes, avec un rendu haute résolution et sans que vos designs propriétaires ne quittent jamais votre navigateur.',
   },
 ];
 

package/src/tool/svgAPng/i18n/en.ts

@@ -65,37 +65,102 @@ const bibliography: SvgAPngLocaleContent['bibliography'] = [
 const seo: SvgAPngLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Free Online SVG to PNG Converter',
+    text: 'SVG to PNG Converter: From Infinite Vector to Universal Raster',
+    level: 2,
   },
   {
     type: 'paragraph',
-    html:
-      'SVG (Scalable Vector Graphics) is an XML-based image format that describes vector graphics. Its main advantages are that it scales perfectly to any size without quality loss and files are generally small. However, not all programs, applications or social media platforms support SVG directly.',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) is the perfect choice for web design: infinitely scalable, lightweight and editable with any code editor. But when you need to use that logo or icon in a mobile app, share it on social media or insert it into a PowerPoint presentation, you hit a wall: most of these platforms don\'t support SVG. The <strong>PNG</strong> format is the universal solution: rasterised, with an alpha channel, and compatible in absolutely every context.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vectors for the Web, Raster for the World',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Converting SVG to PNG is the solution when you need a rasterized version of your vector graphic. The resulting PNG is universally compatible and, thanks to its alpha channel support, preserves all transparencies from the original SVG. Our converter renders the SVG at double resolution (2x) to ensure the PNG is crisp even on high-density screens like Retina or 4K.',
+    html: 'SVG stores the image as mathematical instructions: a Bézier curve, a gradient, a polygon. This means the same file looks perfect at 16px or 16,000px. It is the ideal format for your web code, CSS animations and any element that needs to adapt to different screen resolutions without any quality loss.',
   },
   {
-    type: 'tip',
-    html:
-      'For best quality in the resulting PNG, ensure your SVG has defined dimensions (width and height attributes or viewBox). An SVG without defined dimensions might render at an incorrect size.',
+    type: 'paragraph',
+    html: 'PNG stores the image as a pixel grid with colour and transparency information for each pixel. It is a <strong>lossless</strong> format, meaning quality is preserved entirely. Once an SVG is rasterised to PNG, the resolution is fixed. That\'s why choosing the right export size is critical: our tool renders at double scale (2x) to ensure sharpness on Retina and 4K screens.',
+  },
+  {
+    type: 'title',
+    text: 'Comparison: Local vs Cloud Conversion',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Converters',
+        description: 'Tools that upload your files to a remote server.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Your SVG code travels to external servers',
+          'Remote rendering with inconsistent quality',
+          'Waiting time for upload and processing',
+          'Limitations on SVG file size',
+        ],
+      },
+      {
+        title: 'Our Local Architecture',
+        description: 'Direct processing on your hardware using Vanilla JS technology.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Your SVG never leaves your browser',
+          'Native browser engine rendering for maximum fidelity',
+          '2x resolution PNG for high-density screens',
+          'Transparency preserved with full alpha channel',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'How It Works Technically',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'SVG files are infinitely scalable, but a PNG at 2x resolution from a 256x256 SVG will produce a 512x512 pixel image, suitable for most uses on modern high-density screens.',
+    html: 'The process begins by loading the SVG file into a JavaScript <strong>Image</strong> element. Once the browser engine has parsed and rendered the vector XML, the resulting image is drawn onto an <strong>HTML5 Canvas</strong> whose dimensions are double the original SVG size (2x scale). This produces a PNG with twice the pixels per dimension, ideal for high-resolution screens.',
   },
   {
     type: 'paragraph',
-    html:
-      'Common use cases: exporting vector logos for PowerPoint or Word presentations, creating PNG icon versions for mobile apps, sharing SVG designs on platforms that don\'t support them, and generating PNG favicons from your SVG logo.',
+    html: 'Unlike conversion to JPG, when exporting to PNG the canvas retains the full alpha channel: transparent areas in the original SVG become fully transparent pixels in the resulting PNG — no white background fill. The export uses the <code>toDataURL(\'image/png\')</code> method with lossless compression.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip before rasterising',
+    html: 'Choose your PNG export size carefully — rasterising an SVG is a one-way process: you cannot recover the vectors from the resulting PNG. Always keep the original SVG as the master source, and generate PNGs at the highest resolution you may ever need.',
+  },
+  {
+    type: 'title',
+    text: 'Use Cases and Compatibility',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exporting vector logos for PowerPoint or Google Slides presentations.',
+      'Creating PNG icons for iOS, Android or Progressive Web Apps.',
+      'Sharing SVG designs on Instagram, LinkedIn or other social media.',
+      'Inserting vector illustrations into Word documents or PDFs.',
+      'Generating PNG thumbnails of SVG graphics for CMS preview.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusion',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convert SVG to HD PNG for free, privately and with transparency preservation. Rendered at double scale for Retina and 4K screens.',
+    html: 'SVG is the language of vectors; PNG is the passport to the rest of the digital world. This tool rasterises your SVGs at 2x resolution with transparency intact, directly in your browser, without a single byte of your design travelling to any external server.',
   },
 ];
 

package/src/tool/svgAPng/i18n/es.ts

@@ -65,42 +65,102 @@ const bibliography: SvgAPngLocaleContent['bibliography'] = [
 const seo: SvgAPngLocaleContent['seo'] = [
   {
     type: 'title',
-    text: 'Convertidor SVG a PNG Online Gratuito',
+    text: 'Convertidor SVG a PNG: Del Vector Infinito al Raster Universal',
+    level: 2,
   },
   {
     type: 'paragraph',
-    html:
-      'SVG (Scalable Vector Graphics) es un formato de imagen basado en XML que describe gráficos vectoriales. Sus principales ventajas son que escala perfectamente a cualquier tamaño sin perder calidad y que los archivos son generalmente pequeños. Sin embargo, no todos los programas, aplicaciones o plataformas de redes sociales soportan SVG directamente.',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) es la elección perfecta para el diseño web: escalable al infinito, ligero y editable con cualquier editor de código. Pero cuando necesitas usar ese logo o icono en una aplicación móvil, compartirlo en redes sociales o insertarlo en una presentación de PowerPoint, te topas con una barrera: la mayoría de estas plataformas no soportan SVG. El formato <strong>PNG</strong> es la solución universal: rasterizado, con canal alfa y compatible en absolutamente todos los contextos.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vectores para la Web, Raster para el Mundo',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convertir SVG a PNG es la solución cuando necesitas una versión rasterizada de tu gráfico vectorial. El PNG resultante es universalmente compatible y, gracias a su soporte para canal alfa, preserva todas las transparencias que tuviera el SVG original. Nuestro convertidor renderiza el SVG a doble resolución (2x) para garantizar que el PNG sea nítido incluso en pantallas de alta densidad como Retina o 4K.',
+    html: 'SVG almacena la imagen como instrucciones matemáticas: una curva de Bézier, un gradiente, un polígono. Esto significa que el mismo archivo luce perfectamente a 16px o a 16.000px. Es el formato ideal para el código de tu web, para animaciones CSS y para cualquier elemento que necesite adaptarse a diferentes resoluciones de pantalla sin pérdida de calidad.',
   },
   {
     type: 'paragraph',
-    html:
-      'El proceso de conversión utiliza el elemento Image nativo del navegador para cargar el SVG, lo dibuja sobre un Canvas HTML5 a escala 2x y exporta el resultado como PNG. Todo esto ocurre localmente en tu dispositivo sin ninguna comunicación con servidores externos.',
+    html: 'PNG almacena la imagen como una cuadrícula de píxeles con información de color y transparencia para cada uno. Es un formato <strong>sin pérdida</strong>, lo que significa que la calidad se preserva íntegramente. Una vez que un SVG se rasteriza a PNG, la resolución queda fijada. Por eso es crucial elegir bien el tamaño de exportación: nuestra herramienta renderiza a doble escala (2x) para garantizar nitidez en pantallas Retina y 4K.',
   },
   {
-    type: 'tip',
-    html:
-      'Para obtener la mejor calidad en el PNG resultante, asegúrate de que tu SVG tenga definidas las dimensiones (atributos width y height o viewBox). Un SVG sin dimensiones definidas podría renderizarse a un tamaño incorrecto.',
+    type: 'title',
+    text: 'Comparativa: Conversión Local vs Nube',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Convertidores Cloud',
+        description: 'Herramientas que suben tus archivos a un servidor remoto.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Tu código SVG viaja a servidores externos',
+          'Renderizado remoto con calidad inconsistente',
+          'Tiempo de espera por subida y procesamiento',
+          'Limitaciones en el tamaño de archivo SVG',
+        ],
+      },
+      {
+        title: 'Nuestra Arquitectura Local',
+        description: 'Procesamiento directo en tu hardware mediante tecnología Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Tu SVG nunca abandona tu navegador',
+          'Renderizado nativo del motor del navegador, máxima fidelidad',
+          'PNG a 2x de resolución para pantallas de alta densidad',
+          'Transparencias preservadas con canal alfa completo',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cómo funciona técnicamente',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Los archivos SVG son escalables infinitamente, pero un PNG a 2x resolución de un SVG de 256x256 producirá una imagen de 512x512 píxeles, apta para la mayoría de los usos en pantallas modernas de alta densidad.',
+    html: 'El proceso comienza cargando el archivo SVG en un elemento <strong>Image</strong> de JavaScript. Una vez que el motor del navegador ha parseado y renderizado el XML vectorial, la imagen resultante se dibuja sobre un <strong>Canvas HTML5</strong> cuyas dimensiones son el doble del tamaño original del SVG (escala 2x). Esto produce un PNG con el doble de píxeles por dimensión, ideal para pantallas de alta resolución.',
   },
   {
     type: 'paragraph',
-    html:
-      'Casos de uso habituales: exportar logos vectoriales para usarlos en presentaciones de PowerPoint o Word, crear versiones PNG de iconos para aplicaciones móviles, compartir diseños SVG en plataformas que no los soportan, y generar favicons PNG a partir de tu logo SVG.',
+    html: 'A diferencia de la conversión a JPG, al exportar a PNG el canvas retiene el canal alfa completo: las zonas transparentes del SVG original se convierten en píxeles totalmente transparentes en el PNG resultante. No hay relleno de fondo blanco. La exportación usa el método <code>toDataURL(\'image/png\')</code> con compresión sin pérdida.',
+  },
+  {
+    type: 'tip',
+    title: 'Consejo antes de rasterizar',
+    html: 'Elige bien el tamaño de exportación PNG porque la rasterización es un proceso de un solo sentido: no podrás recuperar los vectores desde el PNG resultante. Guarda siempre el SVG original como fuente maestra y genera los PNG a la resolución más alta que puedas necesitar.',
+  },
+  {
+    type: 'title',
+    text: 'Casos de uso y compatibilidad',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exportar logos vectoriales para presentaciones PowerPoint o Google Slides.',
+      'Crear iconos PNG para aplicaciones iOS, Android o Progressive Web Apps.',
+      'Compartir diseños SVG en Instagram, LinkedIn u otras redes sociales.',
+      'Insertar ilustraciones vectoriales en documentos Word o PDF.',
+      'Generar miniaturas PNG de gráficos SVG para previsualización en CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusión',
+    level: 3,
   },
   {
     type: 'paragraph',
-    html:
-      'Convierte SVG a PNG HD de forma gratuita, privada y con preservación de transparencias. Renderizado a doble escala para pantallas Retina y 4K.',
+    html: 'SVG es el lenguaje de los vectores; PNG es el pasaporte al resto del mundo digital. Esta herramienta rasteriza tus SVG a resolución 2x con transparencias intactas, directamente en tu navegador, sin que ningún byte de tu diseño viaje a ningún servidor externo.',
   },
 ];