@jjlmoya/utils-converters 1.1.0

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

@@ -0,0 +1,127 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'png-to-webp-converter';
+const title = 'Convert PNG to WebP Online and Free - High Quality';
+const description =
+  'Convert PNG images to WebP in your browser. Up to 40% less file size. Preserves transparency. No file uploads. Free and private.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Drag PNG files...',
+  convertText: 'To convert them to WebP instantly',
+  selectFiles: 'Select files',
+  processedFiles: 'Processed files',
+  downloadAll: 'Download All (.zip)',
+  pending: 'Pending',
+  bibliographyTitle: 'Bibliographic References',
+  faqTitle: 'Frequently Asked Questions',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Why convert PNG to WebP?',
+    answer:
+      'WebP offers up to 40% better compression than PNG at the same quality, while also supporting Alpha transparency. It is the format recommended by Google PageSpeed Insights.',
+  },
+  {
+    question: 'Is transparency lost in the process?',
+    answer:
+      'No. The technical implementation of WebP supports the alpha channel. The transparencies of the original PNG will be preserved in the new WebP file.',
+  },
+  {
+    question: 'Do my images go to any server?',
+    answer:
+      'No. The code runs exclusively in your browser (Client-Side). We never see, record or save the images you convert.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Insert your PNGs',
+    text: 'Drop your large PNG files into the upload area or use the traditional interactive selector.',
+  },
+  {
+    name: 'Channel detection',
+    text: 'The local rendering engine will detect and export the pixel composition to the optimized WebP format.',
+  },
+  {
+    name: 'Direct Download',
+    text: 'Download your highly compressed WebP files individually or bundle them together using the ZIP package converter.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP Implementation Details',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Core Web Vitals Guidance',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Image Formats',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Free Online PNG to WebP Converter',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'WebP has become Google\'s recommended standard for web images. When your page uses WebP images instead of PNG, Google PageSpeed Insights recognizes it as a positive optimization that can significantly improve your performance score and page load time.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'A key technical feature of WebP is that it supports both lossy and lossless compression, and also supports the alpha channel for transparency. This means you can convert PNG to WebP without losing the transparent areas of your image, getting a significantly lighter file with the same visual quality.',
+  },
+  {
+    type: 'tip',
+    html:
+      'Before uploading images to your website or blog, convert all your PNGs to WebP to improve load times and user experience, especially on slow mobile connections.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'According to Google, lossless WebP images are 26% smaller than equivalent PNGs. Lossy WebP images are 25-34% smaller than comparable JPGs at the same visual quality.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'The tool is completely free, with no file limits or registrations. All conversion happens locally, ensuring your original images remain private and secure on your device.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Convert PNG to WebP for free, with transparency support and without sending images to servers. Reduce image weight by up to 40% and improve web performance.',
+  },
+];
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [appSchema as any],
+};

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

@@ -0,0 +1,132 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'convertidor-png-a-webp';
+const title = 'Convertir PNG a WebP Online y Gratis - Alta Calidad';
+const description =
+  'Convierte imágenes PNG a WebP en tu navegador. Hasta 40% menos peso. Conserva transparencias. Sin subir archivos. Gratis y privado.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Arrastra archivos PNG...',
+  convertText: 'Para convertirlos a WebP al instante',
+  selectFiles: 'Seleccionar archivos',
+  processedFiles: 'Archivos procesados',
+  downloadAll: 'Descargar Todo (.zip)',
+  pending: 'Pendiente',
+  bibliographyTitle: 'Referencias Bibliográficas',
+  faqTitle: 'Preguntas Frecuentes',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: '¿Por qué convertir PNG a WebP?',
+    answer:
+      'WebP ofrece una compresión hasta un 40% superior a PNG a igual calidad, soportando también transparencias Alpha. Es el formato recomendado por Google PageSpeed Insights.',
+  },
+  {
+    question: '¿Se pierde la transparencia en el proceso?',
+    answer:
+      'No. La implementación técnica de WebP soporta el canal alfa. Las transparencias del PNG original se conservarán en el nuevo archivo WebP.',
+  },
+  {
+    question: '¿Mis imágenes van a algún servidor?',
+    answer:
+      'No. El código se ejecuta únicamente en tu navegador (Client-Side). Nunca vemos, registramos ni guardamos las imágenes que conviertes.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Inserta tus PNG',
+    text: 'Arroja tus pesados archivos PNG al área de carga o utiliza el selector tradicional interactivo.',
+  },
+  {
+    name: 'Detección de canales',
+    text: 'El motor de renderizado local detectará y exportará la composición de píxeles al formato WebP optimizado.',
+  },
+  {
+    name: 'Descarga Directa',
+    text: 'Descarga individualmente tus WebP hiper-comprimidos o llévalos juntos usando el conversor a paquete ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP Implementation Details',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Core Web Vitals Guidance',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Image Formats',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Convertidor PNG a WebP Online Gratuito',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'El formato WebP se ha convertido en el estándar recomendado por Google para imágenes web. Cuando tu página usa imágenes WebP en lugar de PNG, Google PageSpeed Insights lo reconoce como una optimización positiva que puede mejorar significativamente la puntuación de rendimiento y el tiempo de carga de la página.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Una característica técnica clave de WebP es que soporta tanto compresión con pérdida como sin pérdida, además de admitir el canal alfa para transparencias. Esto significa que puedes convertir PNG a WebP sin perder las áreas transparentes de tu imagen, obteniendo un archivo significativamente más ligero con la misma calidad visual y sin comprometer las transparencias.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Nuestro convertidor procesa todo en el lado del cliente. La imagen PNG se carga en el Canvas API de HTML5, se renderiza y se exporta como WebP mediante el método toDataURL del canvas con el tipo MIME correspondiente. No hay transferencia de datos a ningún servidor externo.',
+  },
+  {
+    type: 'tip',
+    html:
+      'Antes de subir imágenes a tu sitio web o blog, convierte todos tus PNG a WebP para mejorar los tiempos de carga y la experiencia del usuario, especialmente en conexiones móviles lentas.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Según Google, las imágenes WebP sin pérdida son un 26% más pequeñas que los PNG equivalentes. Las imágenes WebP con pérdida son un 25-34% más pequeñas que los JPG comparables a la misma calidad visual.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'La herramienta es completamente gratuita, sin límites de archivos ni registros. Toda la conversión ocurre localmente, garantizando que tus imágenes originales permanezcan privadas y seguras en tu dispositivo.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Convierte PNG a WebP gratuitamente, con soporte para transparencias y sin enviar imágenes a servidores. Reduce el peso de tus imágenes hasta un 40% y mejora el rendimiento web.',
+  },
+];
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [appSchema as any],
+};

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

@@ -0,0 +1,122 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'convertisseur-png-en-webp';
+const title = 'Convertir PNG en WebP en Ligne et Gratuitement - Haute Qualité';
+const description =
+  'Convertissez des images PNG en WebP dans votre navigateur. Jusqu\'à 40% de taille en moins. Préserve la transparence. Sans téléchargement. Gratuit et privé.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Faites glisser des fichiers PNG...',
+  convertText: 'Pour les convertir en WebP instantanément',
+  selectFiles: 'Sélectionner des fichiers',
+  processedFiles: 'Fichiers traités',
+  downloadAll: 'Tout télécharger (.zip)',
+  pending: 'En attente',
+  bibliographyTitle: 'Références Bibliographiques',
+  faqTitle: 'Questions Fréquentes',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Pourquoi convertir PNG en WebP ?',
+    answer:
+      'WebP offre une compression jusqu\'à 40% supérieure au PNG à qualité égale, tout en supportant également la transparence Alpha. C\'est le format recommandé par Google PageSpeed Insights.',
+  },
+  {
+    question: 'La transparence est-elle perdue dans le processus ?',
+    answer:
+      'Non. L\'implémentation technique de WebP supporte le canal alpha. Les transparences du PNG original seront préservées dans le nouveau fichier WebP.',
+  },
+  {
+    question: 'Mes images vont-elles sur un serveur ?',
+    answer:
+      'Non. Le code s\'exécute uniquement dans votre navigateur (côté client). Nous ne voyons, n\'enregistrons ni ne sauvegardons jamais les images que vous convertissez.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Insérez vos PNG',
+    text: 'Déposez vos gros fichiers PNG dans la zone de téléchargement ou utilisez le sélecteur interactif traditionnel.',
+  },
+  {
+    name: 'Détection des canaux',
+    text: 'Le moteur de rendu local détectera et exportera la composition de pixels au format WebP optimisé.',
+  },
+  {
+    name: 'Téléchargement direct',
+    text: 'Téléchargez vos fichiers WebP hautement compressés individuellement ou regroupez-les dans un package ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Détails d\'implémentation WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Guidance Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Formats d\'image',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Convertisseur PNG vers WebP en Ligne Gratuit',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'WebP est devenu le standard recommandé par Google pour les images web. Lorsque votre page utilise des images WebP au lieu de PNG, Google PageSpeed Insights le reconnaît comme une optimisation positive qui peut améliorer significativement votre score de performance et le temps de chargement de la page.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Une caractéristique technique clé de WebP est qu\'il supporte à la fois la compression avec et sans perte, et supporte également le canal alpha pour la transparence. Cela signifie que vous pouvez convertir PNG en WebP sans perdre les zones transparentes de votre image.',
+  },
+  {
+    type: 'tip',
+    html:
+      'Avant de télécharger des images sur votre site web ou blog, convertissez tous vos PNG en WebP pour améliorer les temps de chargement et l\'expérience utilisateur, surtout sur les connexions mobiles lentes.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Selon Google, les images WebP sans perte sont 26% plus petites que les PNG équivalents. Les images WebP avec perte sont 25-34% plus petites que les JPG comparables à la même qualité visuelle.',
+  },
+  {
+    type: 'paragraph',
+    html:
+      'Convertissez PNG en WebP gratuitement, avec support de transparence et sans envoyer d\'images aux serveurs. Réduisez le poids des images jusqu\'à 40% et améliorez les performances web.',
+  },
+];
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'fr',
+};
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [appSchema as any],
+};

package/src/tool/pngAWebp/index.ts

@@ -0,0 +1,29 @@
+import type { ConvertersToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
+import type { ImageConverterUI } from '../../shared/ImageConverter.astro';
+import PngAWebpCalculator from './component.astro';
+import PngAWebpSEO from './seo.astro';
+import PngAWebpBibliography from './bibliography.astro';
+
+export type PngAWebpLocaleContent = ToolLocaleContent<ImageConverterUI>;
+
+export const pngAWebp: ConvertersToolEntry<ImageConverterUI> = {
+  id: 'png-a-webp',
+  icons: {
+    bg: 'mdi:file-image',
+    fg: 'mdi:file-export',
+  },
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+
+export { PngAWebpCalculator, PngAWebpSEO, PngAWebpBibliography };
+
+export const PNG_A_WEBP_TOOL: ToolDefinition = {
+  entry: pngAWebp,
+  Component: PngAWebpCalculator,
+  SEOComponent: PngAWebpSEO,
+  BibliographyComponent: PngAWebpBibliography,
+};

package/src/tool/pngAWebp/seo.astro

@@ -0,0 +1,14 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { pngAWebp } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await pngAWebp.i18n[locale]?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/svgAJpg/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { svgAJpg } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await svgAJpg.i18n[locale]?.();
+---
+
+{content && <SharedBibliography links={content.bibliography} title={content.ui.bibliographyTitle} />}

package/src/tool/svgAJpg/component.astro

@@ -0,0 +1,8 @@
+---
+import SharedImageConverter from '../../shared/ImageConverter.astro';
+import type { ImageConverterUI } from '../../shared/ImageConverter.astro';
+
+interface Props { ui: ImageConverterUI }
+const { ui } = Astro.props;
+---
+<SharedImageConverter from="svg" to="jpg" ui={ui} />

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

@@ -0,0 +1,118 @@
+import type { WithContext, SoftwareApplication } from 'schema-dts';
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import type { SvgAJpgLocaleContent } from '../index';
+
+const slug = 'svg-to-jpg-converter';
+const title = 'Convert SVG to JPG Online and Free - High Resolution';
+const description =
+  'Convert SVG vector files to JPG in your browser. 2x high resolution rendering. No file uploads. Free and 100% private.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Drag SVG files...',
+  convertText: 'To convert them to JPG instantly',
+  selectFiles: 'Select files',
+  processedFiles: 'Processed files',
+  downloadAll: 'Download All (.zip)',
+  pending: 'Pending',
+  bibliographyTitle: 'Bibliographic References',
+  faqTitle: 'Frequently Asked Questions',
+};
+
+const faq: SvgAJpgLocaleContent['faq'] = [
+  {
+    question: 'Why convert SVG to JPG?',
+    answer:
+      'JPG offers maximum compatibility across all types of devices; converting SVG to JPG is the best way to ensure everyone can view your design without rendering issues.',
+  },
+  {
+    question: 'What happens to the SVG transparency?',
+    answer:
+      'When converting to JPG (which does not support transparency), an opaque white background will automatically be added to your vector composition.',
+  },
+  {
+    question: 'What resolution will the resulting JPG have?',
+    answer:
+      'The tool renders the SVG at double scale (2x) to guarantee high resolution suitable for Retina screens and professional use.',
+  },
+];
+
+const howTo: SvgAJpgLocaleContent['howTo'] = [
+  {
+    name: 'Insert your vector files',
+    text: 'Drop your SVG files in the upper area to prepare the export list.',
+  },
+  {
+    name: 'Rasterization to JPG',
+    text: 'The tool will convert the vectors to high-resolution pixels and generate your JPG instantly.',
+  },
+  {
+    name: 'Download the results',
+    text: 'Get your JPG files one by one or as a ZIP package.',
+  },
+];
+
+const bibliography: SvgAJpgLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Specification',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'JPEG Standard Overview',
+    url: 'https://jpeg.org/jpeg/',
+  },
+];
+
+const seo: SvgAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Free Online SVG to JPG Converter',
+  },
+  {
+    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.',
+  },
+  {
+    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.',
+  },
+  {
+    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:
+      '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.',
+  },
+  {
+    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.',
+  },
+];
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+export const content: SvgAJpgLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: [appSchema as any],
+};