@jjlmoya/utils-converters 1.7.0 → 1.9.0

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 }),
+};

package/src/tool/pngAWebp/i18n/ja.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-to-webp-converter';
+const title = 'PNGをWebPにオンラインで無料で変換しましょう';
+const description =
+  'ブラウザでPNG画像をWebPに変換します。ファイルサイズを最大40%削減。透明度を維持。ファイルのアップロード不要。無料かつプライベート。';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNGファイルをドラッグ...',
+  convertText: '即座にWebPに変換します',
+  selectFiles: 'ファイルを選択',
+  processedFiles: '処理済みファイル',
+  downloadAll: 'すべてダウンロード (.zip)',
+  pending: '保留中',
+  bibliographyTitle: '参考文献',
+  faqTitle: 'よくある質問',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'なぜPNGをWebPに変換する必要があるのですか？',
+    answer:
+      'WebPは同じ品質でPNGよりも最大40%優れた圧縮を提供すると同時に、アルファ透明度もサポートしています。Google PageSpeed Insightsが推奨する形式です。',
+  },
+  {
+    question: '変換過程で透明度は失われますか？',
+    answer:
+      'いいえ。WebPの技術的実装はアルファチャネルをサポートしています。元のPNGの透明度は、新しいWebPファイルでもそのまま維持されます。',
+  },
+  {
+    question: '画像はサーバーに送信されますか？',
+    answer:
+      'いいえ。コードはユーザーのブラウザ（クライアント側）でのみ実行されます。変換された画像を当社が閲覧、記録、または保存することはありません。',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'PNGファイルを挿入',
+    text: '容量の大きいPNGファイルをアップロードエリアにドラッグ＆ドロップするか、従来のインタラクティブなセレクターを使用してください。',
+  },
+  {
+    name: 'チャネル検出',
+    text: 'ローカルレンダリングエンジンがピクセル構成を検出し、最適化されたWebP形式でエクスポートします。',
+  },
+  {
+    name: '直接ダウンロード',
+    text: '高度に圧縮されたWebPファイルを個別にダウンロードするか、ZIPパッケージコンバーターを使用してまとめてダウンロードしてください。',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebPの実装詳細',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Core Web Vitalsガイダンス',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: 画像形式',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG to WebP 変換機：ウェブのための透明度と最新の圧縮技術',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong>は、ロゴ、アイコン、UI要素、切り抜き背景の商品画像など、透明度が必要なウェブ画像の標準形式でした。問題はファイルサイズです。品質を保証する可逆圧縮は、ファイル容量を大幅に大きくします。Googleの <strong>WebP</strong> はこの矛盾を解決します。アルファチャネル（透明度）をサポートしながら、PNGよりもはるかに効率的に圧縮するため、ウェブサイトでPNGからWebPに切り替えることは、視覚的な品質を犠牲にすることなく適用できる完璧な最適化です。',
+  },
+  {
+    type: 'title',
+    text: 'PNGとWebPの使い分け',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PhotoshopやFigmaなどのデザインツール、印刷ワークフロー、古いデスクトップアプリケーション、またはWebPサポートが保証されていない環境など、互換性が重要な場合には依然として <strong>PNG</strong> が適切な形式です。また、可逆圧縮によってすべてのピクセルが保持されるため、編集工程で作業レイヤーを保存するのにも理想的な形式です。ただし、ファイル容量がWebPの3〜8倍になる可能性があります。',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong>は、あらゆるモダンなウェブコンテンツにおいてPNGの自然な後継です。Chrome、Firefox、Safari、およびEdgeはすべてこれをネイティブにサポートしています。可逆WebP画像は、同等のPNGより26%小さく、非可逆モードでは視覚的にほとんど区別がつかない品質を維持しながら最大40%小さくなります。そしてウェブデザインにとって重要なのは、 <strong>WebPがPNGと全く同様にアルファ透明度を保持</strong> し、視覚的な妥協がないことです。',
+  },
+  {
+    type: 'title',
+    text: '比較：ローカル変換 vs クラウド変換',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'クラウド変換器',
+        description: 'リモートサーバーにファイルをアップロードするツールです。',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'アップロードおよびダウンロード時にネットワーク遅延が発生',
+          'ロゴや画像がサードパーティのサーバーに保存される',
+          'ファイルサイズ制限や1日の変換回数制限がある',
+          '強制的な広告やサードパーティのトラッカーが含まれる',
+        ],
+      },
+      {
+        title: 'ローカルアーキテクチャ',
+        description: 'Vanilla JS技術を使用し、ユーザーのハードウェア上で直接処理します。',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'ネットワーク遅延のない即座の処理速度',
+          '完全なプライバシー — 外部送信データ0バイト',
+          '容量制限やファイル数の制限なし',
+          '広告や追跡のないクリーンなインターフェース',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技術的な仕組み',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNGファイルがローカルで読み込まれ、メモリ上の <strong>HTML5 Canvas</strong> にデコードされます。Canvas APIは元のPNGのアルファチャネルを保持し、すべての透明および半透明のピクセルがRGBAピクセルバッファ内にそのまま維持されます。次に、 <code>toDataURL(\'image/webp\')</code> を呼び出してキャンバスをエクスポートしますが、この際にブラウザのWebPコーデック（Googleのlibwebpベース）が適用され、透明度データを変更することなく、より圧縮されたファイルを生成します。',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebPは2つの圧縮モードを使用します。すべてのピクセルがオリジナルと正確に一致する必要がある画像のための可逆モードと、小さな差異が目立たない写真や要素のための非可逆モードです。可逆モードはPNGより26%小さいファイルを生成し、非可逆モードでは優れた視覚品質を維持しながらPNG比で最大40%の容量削減を達成できます。',
+  },
+  {
+    type: 'tip',
+    title: 'ヒント：ウェブではWebPがPNGとJPGの両方を凌駕します',
+    html: '可逆モードのWebPはPNGより小さいです。非可逆モードのWebPはJPGより小さいです。これにより、WebPはウェブ環境において <strong>両方の形式を代替する唯一の形式</strong> となりました。アップロードする前に透明PNGをWebPに変換してください。Google PageSpeed Insightsはこれを検出し、「次世代フォーマットでの画像の配信」の監査で高い評価を与えます。',
+  },
+  {
+    type: 'title',
+    text: '活用事例と互換性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'ウェブサイトやアプリ用の透明背景のロゴやアイコン。',
+      'ECサイトにおける切り抜き背景の商品画像。',
+      'アルファ透明度を持つCSSスプライトやUI要素。',
+      'ランディングページ用のラスタライズされたイラストやベクターグラフィックス。',
+      'ブログやニュースポータルの透明背景の記事サムネイル。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '結論',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNGからWebPへの移行は、現在ウェブにおいて利用可能な最も包括的な画像最適化です。視覚的なデザインを変更することなく、ファイル容量を削減し、透明度を維持し、Core Web Vitalsの指標を改善できます。このツールはブラウザで画像を処理し、外部サーバーへ送信しないため、即座に、無料で、かつ完全にプライベートに行えます。',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ja', faq, howTo }),
+};