@jjlmoya/utils-converters 1.7.0 → 1.8.0

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'png-zu-webp-konverter';
+const title = 'PNG zu WebP Konverter Online und Kostenlos';
+const description =
+  'Konvertieren Sie PNG-Bilder in Ihrem Browser in WebP. Bis zu 40 % geringere Dateigröße. Transparenz bleibt erhalten. Keine Dateiuploads. Kostenlos und privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNG-Dateien hierher ziehen...',
+  convertText: 'Um sie sofort in WebP zu konvertieren',
+  selectFiles: 'Dateien auswählen',
+  processedFiles: 'Verarbeitete Dateien',
+  downloadAll: 'Alles herunterladen (.zip)',
+  pending: 'Ausstehend',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Warum PNG in WebP konvertieren?',
+    answer:
+      'WebP bietet bei gleicher Qualität eine bis zu 40 % bessere Komprimierung als PNG und unterstützt gleichzeitig die Alpha-Transparenz. Es ist das von Google PageSpeed Insights empfohlene Format.',
+  },
+  {
+    question: 'Geht bei dem Prozess die Transparenz verloren?',
+    answer:
+      'Nein. Die technische Implementierung von WebP unterstützt den Alpha-Kanal. Die Transparenzen der ursprünglichen PNG bleiben in der neuen WebP-Datei erhalten.',
+  },
+  {
+    question: 'Gelangen meine Bilder auf einen Server?',
+    answer:
+      'Nein. Der Code wird ausschließlich in Ihrem Browser ausgeführt (Client-Side). Wir sehen, protokollieren oder speichern die von Ihnen konvertierten Bilder niemals.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'PNGs einfügen',
+    text: 'Ziehen Sie Ihre großen PNG-Dateien in den Upload-Bereich oder nutzen Sie den klassischen interaktiven Auswahldialog.',
+  },
+  {
+    name: 'Kanal-Erkennung',
+    text: 'Die lokale Rendering-Engine erkennt die Pixelzusammensetzung und exportiert sie in das optimierte WebP-Format.',
+  },
+  {
+    name: 'Direkter Download',
+    text: 'Laden Sie Ihre stark komprimierten WebP-Dateien einzeln herunter oder fassen Sie sie mit dem ZIP-Paket-Konverter zusammen.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP Implementierungsdetails',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Leitfaden zu Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Bildformate',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG zu WebP Konverter: Transparenz und moderne Kompression für das Web',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> war jahrzehntelang das Referenzformat für Webbilder mit Transparenz – Logos, Icons, UI-Elemente, Produktbilder auf freigestelltem Hintergrund. Das Problem ist die Dateigröße: Die verlustfreie Kompression, die Qualität garantiert, erzeugt auch spürbar große Dateien. Googles <strong>WebP</strong> löst diesen Widerspruch: Es unterstützt den Alpha-Kanal (Transparenz) <em>und</em> komprimiert weitaus besser als PNG, was den Wechsel von PNG zu WebP auf Ihrer Website zu einer perfekten Optimierung macht, bei der Sie auf nichts verzichten müssen.',
+  },
+  {
+    type: 'title',
+    text: 'PNG oder WebP? Wann welches Format zu verwenden ist',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> bleibt das richtige Format, wenn Kompatibilität entscheidend ist: Design-Tools wie Photoshop oder Figma, Druck-Workflows, ältere Desktop-Anwendungen oder jeder Kontext, in dem WebP-Unterstützung nicht garantiert ist. Es ist auch das ideale Format für das Speichern von Arbeitsebenen in Bearbeitungspipelines, da seine verlustfreie Kompression jeden Pixel bewahrt. Der Preis: Dateien, die 3–8 Mal mehr wiegen können als ihr WebP-Äquivalent.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> ist der natürliche Ersatz für PNG für alle modernen Web-Inhalte. Chrome, Firefox, Safari und Edge unterstützen es nativ. Ein verlustfreies WebP-Bild ist 26 % kleiner als die entsprechende PNG-Datei; im verlustbehafteten Modus kann es bis zu 40 % kleiner sein, bei praktisch nicht unterscheidbarer visueller Qualität. Und entscheidend für das Webdesign: <strong>WebP bewahrt die Alpha-Transparenz</strong> genau wie PNG, ohne visuelle Kompromisse.',
+  },
+  {
+    type: 'title',
+    text: 'Vergleich: Lokale vs Cloud Konvertierung',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Konverter',
+        description: 'Tools, die Ihre Dateien auf einen Remote-Server hochladen.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Netzwerklatenz beim Hoch- und Herunterladen',
+          'Ihre Logos und Bilder werden auf Servern von Drittanbietern gespeichert',
+          'Dateigrößenlimits und tägliche Konvertierungsbeschränkungen',
+          'Aufdringliche Werbung und Drittanbieter-Tracker',
+        ],
+      },
+      {
+        title: 'Unsere lokale Architektur',
+        description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Sofortige Geschwindigkeit – keine Netzwerklatenz',
+          'Vollständige Privatsphäre – 0 Byte werden extern gesendet',
+          'Keine Megabyte-Limits oder Dateianzahlbeschränkungen',
+          'Saubere Benutzeroberfläche, keine Werbung oder Tracking',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie es technisch funktioniert',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die PNG wird lokal geladen und in einem im Speicher befindlichen <strong>HTML5 Canvas</strong> dekodiert. Die Canvas-API bewahrt den Alpha-Kanal der ursprünglichen PNG – alle transparenten und halbtransparenten Pixel bleiben im RGBA-Pixelbuffer intakt. Das Canvas wird dann durch Aufruf von <code>toDataURL(\'image/webp\')</code> exportiert, wodurch der WebP-Codec des Browsers (basierend auf Googles libwebp) angewendet wird, um eine kompaktere Datei zu erzeugen, ohne die Transparenzdaten zu verändern.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP verwendet zwei Kompressionsmodi: den verlustfreien Modus für Bilder, bei denen jeder Pixel exakt dem Original entsprechen muss, und den verlustbehafteten Modus für Fotos und Elemente, bei denen kleine Unterschiede unmerklich sind. Der verlustfreie Modus erzeugt Dateien, die 26 % kleiner als PNG sind; der verlustbehaftete Modus kann Reduktionen von bis zu 40 % im Vergleich zu PNG erreichen, während eine exzellente visuelle Qualität beibehalten wird.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp: WebP schlägt sowohl PNG als auch JPG im Web',
+    html: 'WebP im verlustfreien Modus ist kleiner als PNG. WebP im verlustbehafteten Modus ist kleiner als JPG. Damit ist WebP das <strong>einzige Format, das beide im Web-Kontext ersetzt</strong>. Konvertieren Sie Ihre transparenten PNGs vor dem Hochladen in WebP: Google PageSpeed Insights erkennt dies und bewertet es in Audits für "Bilder in modernen Formaten bereitstellen" positiv.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logos und Icons mit transparentem Hintergrund für Websites und Apps.',
+      'Produktbilder mit freigestelltem Hintergrund in E-Commerce-Shops.',
+      'CSS-Sprites und UI-Elemente mit Alpha-Transparenz.',
+      'Rasterisierte Illustrationen und Vektorgrafiken für Landing Pages.',
+      'Artikel-Thumbnails mit transparentem Hintergrund in Blogs und Nachrichtenportalen.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Der Wechsel von PNG zu WebP ist die umfassendste Webbild-Optimierung, die verfügbar ist: Sie erhalten leichtere Dateien, bewahren die Transparenz und verbessern die Core Web Vitals-Metriken, ohne etwas an Ihrem visuellen Design zu ändern. Dieses Tool erledigt das sofort, kostenlos und völlig privat – Ihre Bilder werden in Ihrem Browser verarbeitet und verlassen niemals Ihr Gerät.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'png-to-webp-converter';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-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,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'en', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'convertidor-png-a-webp';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-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,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'es', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { PngAWebpLocaleContent } from '../index';
 
 const slug = 'convertisseur-png-en-webp';
@@ -168,16 +168,6 @@ const seo: PngAWebpLocaleContent['seo'] = [
   },
 ];
 
-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,
@@ -188,5 +178,5 @@ export const content: PngAWebpLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
 };

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'konverter-png-ke-webp';
+const title = 'Konversi PNG ke WebP Online dan Gratis';
+const description =
+  'Konversi gambar PNG ke WebP di browser Anda. Ukuran file hingga 40% lebih kecil. Mempertahankan transparansi. Tanpa pengunggahan file. Gratis dan privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Tarik file PNG...',
+  convertText: 'Untuk mengkonversinya ke WebP secara instan',
+  selectFiles: 'Pilih file',
+  processedFiles: 'File yang diproses',
+  downloadAll: 'Unduh Semua (.zip)',
+  pending: 'Menunggu',
+  bibliographyTitle: 'Referensi Bibliografi',
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Mengapa mengonversi PNG ke WebP?',
+    answer:
+      'WebP menawarkan kompresi hingga 40% lebih baik daripada PNG pada kualitas yang sama, sementara juga mendukung transparansi Alpha. Ini adalah format yang direkomendasikan oleh Google PageSpeed Insights.',
+  },
+  {
+    question: 'Apakah transparansi hilang dalam prosesnya?',
+    answer:
+      'Tidak. Implementasi teknis WebP mendukung saluran alfa. Transparansi dari PNG asli akan dipertahankan dalam file WebP yang baru.',
+  },
+  {
+    question: 'Apakah gambar saya dikirim ke server?',
+    answer:
+      'Tidak. Kode berjalan secara eksklusif di browser Anda (Client-Side). Kami tidak pernah melihat, merekam, atau menyimpan gambar yang Anda konversi.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Masukkan PNG Anda',
+    text: 'Letakkan file PNG besar Anda ke area unggah atau gunakan pemilih interaktif tradisional.',
+  },
+  {
+    name: 'Deteksi saluran',
+    text: 'Mesin rendering lokal akan mendeteksi dan mengekspor komposisi piksel ke format WebP yang dioptimalkan.',
+  },
+  {
+    name: 'Unduh Langsung',
+    text: 'Unduh file WebP Anda yang sangat terkompresi satu per satu atau gabungkan bersama-sama menggunakan konverter paket ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Detail Implementasi WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Panduan Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Format Gambar',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Konverter PNG ke WebP: Transparansi dan Kompresi Modern untuk Web',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> telah menjadi format referensi untuk gambar web dengan transparansi selama beberapa dekade — logo, ikon, elemen UI, gambar produk dengan latar belakang transparan. Masalahnya adalah ukuran file: kompresi lossless yang menjamin kualitas juga menghasilkan file yang sangat besar. <strong>WebP</strong> Google memecahkan kontradiksi ini: ia mendukung saluran alfa (transparansi) <em>dan</em> mengompresi jauh lebih baik daripada PNG, menjadikan peralihan dari PNG ke WebP di situs web Anda sebagai optimasi sempurna yang tidak mengorbankan apa pun.',
+  },
+  {
+    type: 'title',
+    text: 'PNG atau WebP? Kapan menggunakan masing-masing format',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> tetap merupakan format yang tepat ketika kompatibilitas sangat penting: alat desain seperti Photoshop atau Figma, alur kerja cetak, aplikasi desktop lama, atau konteks apa pun di mana dukungan WebP tidak dijamin. Ini juga merupakan format ideal untuk menyimpan lapisan kerja dalam alur pengeditan, karena kompresi lossless-nya mempertahankan setiap piksel. Biayanya: file yang bisa berbobot 3–8 kali lebih berat daripada ekuivalen WebP-nya.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> adalah pengganti alami untuk PNG untuk semua konten web modern. Chrome, Firefox, Safari, dan Edge semuanya mendukungnya secara native. Gambar WebP lossless 26% lebih kecil daripada PNG yang setara; dalam mode lossy, ukurannya bisa hingga 40% lebih kecil dengan kualitas visual yang hampir tidak dapat dibedakan. Dan yang krusial untuk desain web: <strong>WebP mempertahankan transparansi alfa</strong> persis seperti PNG, tanpa kompromi visual.',
+  },
+  {
+    type: 'title',
+    text: 'Perbandingan: Konversi Lokal vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Konverter Cloud',
+        description: 'Alat yang mengunggah file Anda ke server jarak jauh.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Latensi jaringan saat mengunggah dan mengunduh',
+          'Logo dan gambar Anda disimpan di server pihak ketiga',
+          'Batas ukuran file dan batasan konversi harian',
+          'Iklan yang mengganggu dan pelacak pihak ketiga',
+        ],
+      },
+      {
+        title: 'Arsitektur Lokal Kami',
+        description: 'Pemrosesan langsung pada perangkat keras Anda menggunakan teknologi Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Kecepatan instan — nol latensi jaringan',
+          'Privasi lengkap — 0 byte dikirim secara eksternal',
+          'Tanpa batas MB atau batasan jumlah file',
+          'Antarmuka bersih, tanpa iklan atau pelacakan',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cara kerjanya secara teknis',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG dimuat secara lokal dan didekodekan ke dalam <strong>HTML5 Canvas</strong> dalam memori. API Canvas mempertahankan saluran alfa dari PNG asli — semua piksel transparan dan semi-transparan dipertahankan secara utuh dalam buffer piksel RGBA. Kanvas kemudian diekspor dengan memanggil <code>toDataURL(\'image/webp\')</code>, yang menerapkan codec WebP browser (berdasarkan libwebp Google) untuk menghasilkan file yang lebih ringkas tanpa mengubah data transparansi.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP menggunakan dua mode kompresi: mode lossless untuk gambar di mana setiap piksel harus benar-benar setia pada aslinya, dan mode lossy untuk foto dan elemen di mana perbedaan kecil tidak terlihat. Mode lossless menghasilkan file 26% lebih kecil dari PNG; mode lossy dapat mencapai pengurangan hingga 40% dibandingkan dengan PNG sambil mempertahankan kualitas visual yang sangat baik.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip: WebP mengalahkan PNG dan JPG di web',
+    html: 'WebP dalam mode lossless lebih kecil dari PNG. WebP dalam mode lossy lebih kecil dari JPG. Ini menjadikan WebP sebagai <strong>satu-satunya format yang menggantikan keduanya</strong> dalam konteks web. Konversikan PNG transparan Anda ke WebP sebelum mengunggah: Google PageSpeed Insights mendeteksinya dan memberikan skor positif dalam audit "Sajikan gambar dalam format modern".',
+  },
+  {
+    type: 'title',
+    text: 'Kasus penggunaan dan kompatibilitas',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logo dan ikon dengan latar belakang transparan untuk situs web dan aplikasi.',
+      'Gambar produk dengan latar belakang transparan di toko e-commerce.',
+      'Sprite CSS dan elemen UI dengan transparansi alfa.',
+      'Ilustrasi raster dan grafik vektor untuk landing page.',
+      'Thumbnail artikel dengan latar belakang transparan di blog dan portal berita.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Kesimpulan',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Peralihan dari PNG ke WebP adalah optimasi gambar web terlengkap yang tersedia: Anda mendapatkan file yang lebih ringan, mempertahankan transparansi, dan meningkatkan metrik Core Web Vitals tanpa mengubah apa pun pada desain visual Anda. Alat ini melakukannya secara instan, gratis, dan sepenuhnya privat — gambar Anda diproses di browser Anda dan tidak pernah dikirim ke server eksternal mana pun.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'id', faq, howTo }),
+};

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

@@ -0,0 +1,182 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'convertitore-png-in-webp';
+const title = 'Converti PNG in WebP Online e Gratis';
+const description =
+  'Converti immagini PNG in WebP nel tuo browser. Fino al 40% di dimensioni del file in meno. Preserva la trasparenza. Nessun caricamento di file. Gratuito e privato.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Trascina i file PNG...',
+  convertText: 'Per convertirli in WebP istantaneamente',
+  selectFiles: 'Seleziona file',
+  processedFiles: 'File elaborati',
+  downloadAll: 'Scarica tutto (.zip)',
+  pending: 'In attesa',
+  bibliographyTitle: 'Riferimenti Bibliografici',
+  faqTitle: 'Domande Frequenti',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Perché convertire PNG in WebP?',
+    answer:
+      'WebP offre una compressione migliore fino al 40% rispetto al PNG a parità di qualità, supportando al contempo la trasparenza Alpha. È il formato consigliato da Google PageSpeed Insights.',
+  },
+  {
+    question: 'La trasparenza va persa nel processo?',
+    answer:
+      'No. L\'implementazione tecnica di WebP supporta il canale alfa. Le trasparenze del PNG originale saranno preservate nel nuovo file WebP.',
+  },
+  {
+    question: 'Le mie immagini finiscono su qualche server?',
+    answer:
+      'No. Il codice viene eseguito esclusivamente nel tuo browser (lato client). Non vediamo, registriamo o salviamo mai le immagini che converti.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Inserisci i tuoi PNG',
+    text: 'Trascina i tuoi file PNG nell\'area di caricamento o usa il classico selettore interattivo.',
+  },
+  {
+    name: 'Rilevamento del canale',
+    text: 'Il motore di rendering locale rileverà ed esporterà la composizione dei pixel nel formato WebP ottimizzato.',
+  },
+  {
+    name: 'Download diretto',
+    text: 'Scarica i tuoi file WebP altamente compressi individualmente o raggruppali insieme usando il convertitore ZIP.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: Dettagli sull\'implementazione di WebP',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Guida ai Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Formati immagine',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Convertitore da PNG a WebP: Trasparenza e compressione moderna per il web',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Il <strong>PNG</strong> è stato per decenni il formato di riferimento per le immagini web con trasparenza: loghi, icone, elementi UI, immagini di prodotti su sfondi scontornati. Il suo problema sono le dimensioni del file: la compressione senza perdita che garantisce la qualità genera anche file notevolmente pesanti. Il <strong>WebP</strong> di Google risolve questa contraddizione: supporta il canale alfa (trasparenza) <em>e</em> comprime molto meglio del PNG, rendendo il passaggio da PNG a WebP sul tuo sito un\'ottimizzazione perfetta che non sacrifica nulla.',
+  },
+  {
+    type: 'title',
+    text: 'PNG o WebP? Quando utilizzare ciascun formato',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Il <strong>PNG</strong> rimane il formato giusto quando la compatibilità è fondamentale: strumenti di progettazione come Photoshop o Figma, flussi di lavoro di stampa, applicazioni desktop legacy o qualsiasi contesto in cui il supporto WebP non è garantito. È anche il formato ideale per salvare i livelli di lavoro nelle pipeline di editing, poiché la sua compressione senza perdita preserva ogni pixel. Il costo: file che possono pesare 3-8 volte più dei loro equivalenti WebP.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Il <strong>WebP</strong> è il sostituto naturale del PNG per tutti i moderni contenuti web. Chrome, Firefox, Safari ed Edge lo supportano tutti nativamente. Un\'immagine WebP senza perdita è più piccola del 26% rispetto al PNG equivalente; in modalità lossy può essere fino al 40% più piccola con una qualità visiva praticamente indistinguibile. E fondamentale per il web design: <strong>WebP preserva la trasparenza alfa</strong> esattamente come il PNG, senza compromessi visivi.',
+  },
+  {
+    type: 'title',
+    text: 'Confronto: Conversione Locale vs Cloud',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Convertitori Cloud',
+        description: 'Strumenti che caricano i tuoi file su un server remoto.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Latenza di rete durante il caricamento e il download',
+          'I tuoi loghi e immagini memorizzati su server di terze parti',
+          'Limiti di dimensione dei file e tetti di conversione giornalieri',
+          'Annunci intrusivi e tracker di terze parti',
+        ],
+      },
+      {
+        title: 'La Nostra Architettura Locale',
+        description: 'Elaborazione diretta sul tuo hardware utilizzando la tecnologia Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Velocità istantanea — latenza di rete zero',
+          'Privacy completa — 0 byte inviati esternamente',
+          'Nessun limite di MB o restrizioni sul numero di file',
+          'Interfaccia pulita, senza pubblicità o tracciamento',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Come funziona tecnicamente',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Il PNG viene caricato localmente e decodificato in un <strong>HTML5 Canvas</strong> in memoria. L\'API Canvas preserva il canale alfa del PNG originale: tutti i pixel trasparenti e semitrasparenti vengono mantenuti intatti nel buffer di pixel RGBA. Il canvas viene quindi esportato chiamando <code>toDataURL(\'image/webp\')</code>, che applica il codec WebP del browser (basato sulla libreria libwebp di Google) per generare un file più compatto senza alterare i dati di trasparenza.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP utilizza due modalità di compressione: modalità senza perdita per immagini in cui ogni pixel deve essere esattamente fedele all\'originale, e modalità con perdita per foto ed elementi in cui piccole differenze sono impercettibili. La modalità senza perdita produce file più piccoli del 26% rispetto al PNG; la modalità con perdita può ottenere riduzioni fino al 40% rispetto al PNG mantenendo un\'eccellente qualità visiva.',
+  },
+  {
+    type: 'tip',
+    title: 'Suggerimento: WebP batte sia PNG che JPG sul web',
+    html: 'Il WebP in modalità senza perdita è più piccolo del PNG. Il WebP in modalità con perdita è più piccolo del JPG. Questo rende il WebP l\'<strong>unico formato che sostituisce entrambi</strong> nel contesto web. Converti i tuoi PNG trasparenti in WebP prima di caricarli: Google PageSpeed Insights lo rileva e lo valuta positivamente negli audit "Distribuisci immagini in formati moderni".',
+  },
+  {
+    type: 'title',
+    text: 'Casi d\'uso e compatibilità',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Loghi e icone con sfondi trasparenti per siti web e app.',
+      'Immagini prodotto con sfondi scontornati nei negozi e-commerce.',
+      'Sprite CSS ed elementi UI con trasparenza alfa.',
+      'Illustrazioni rasterizzate e grafica vettoriale per landing page.',
+      'Miniature di articoli con sfondi trasparenti in blog e portali di notizie.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusione',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Il passaggio da PNG a WebP è l\'ottimizzazione delle immagini web più completa disponibile: ottieni file più leggeri, preservi la trasparenza e migliori le metriche dei Core Web Vitals senza cambiare nulla del tuo design visivo. Questo strumento lo fa istantaneamente, gratuitamente e in modo completamente privato: le tue immagini vengono elaborate nel tuo browser e non viaggiano mai verso alcun server esterno.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'it', faq, howTo }),
+};