@jjlmoya/utils-converters 1.6.0 → 1.8.0

package/src/tool/pngAWebp/i18n/sv.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 = 'konvertera-png-till-webp';
+const title = 'Konvertera PNG till WebP Online och Gratis';
+const description =
+  'Konvertera PNG-bilder till WebP i din webbläsare. Upp till 40 % mindre filstorlek. Bevarar transparens. Inga filuppladdningar. Gratis och privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Dra PNG-filer hit...',
+  convertText: 'För att konvertera dem till WebP direkt',
+  selectFiles: 'Välj filer',
+  processedFiles: 'Bearbetade filer',
+  downloadAll: 'Ladda ner alla (.zip)',
+  pending: 'Väntande',
+  bibliographyTitle: 'Bibliografiska Referenser',
+  faqTitle: 'Vanliga Frågor',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Varför konvertera PNG till WebP?',
+    answer:
+      'WebP erbjuder upp till 40 % bättre komprimering än PNG vid samma kvalitet, samtidigt som det stöder Alpha-transparens. Det är det format som rekommenderas av Google PageSpeed Insights.',
+  },
+  {
+    question: 'Går transparens förlorad i processen?',
+    answer:
+      'Nej. Den tekniska implementeringen av WebP stöder alfakanalen. Transparensen i den ursprungliga PNG-filen kommer att bevaras i den nya WebP-filen.',
+  },
+  {
+    question: 'Skickas mina bilder till någon server?',
+    answer:
+      'Nej. Koden körs exklusivt i din webbläsare (Client-Side). Vi ser, registrerar eller sparar aldrig de bilder du konverterar.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Lägg till dina PNG-filer',
+    text: 'Släpp dina stora PNG-filer i uppladdningsområdet eller använd den traditionella interaktiva väljaren.',
+  },
+  {
+    name: 'Kanalidentifiering',
+    text: 'Den lokala renderingsmotorn kommer att identifiera och exportera pixelsammansättningen till det optimerade WebP-formatet.',
+  },
+  {
+    name: 'Direkt nedladdning',
+    text: 'Ladda ner dina högkomprimerade WebP-filer individuellt eller bunta ihop dem med hjälp av ZIP-paketkonverteraren.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP-implementeringsdetaljer',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Vägledning för Core Web Vitals',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Bildformat',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG till WebP-konverterare: Transparens och modern komprimering för webben',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> har varit referensformatet för webbbilder med transparens i årtionden — logotyper, ikoner, UI-element, produktbilder på utskurna bakgrunder. Problemet är filstorleken: den förlustfria komprimeringen som garanterar kvalitet genererar också märkbart stora filer. Googles <strong>WebP</strong> löser denna motsägelse: det stöder alfakanalen (transparens) <em>och</em> komprimerar mycket bättre än PNG, vilket gör bytet från PNG till WebP på din webbplats till en perfekt optimering som inte offrar något.',
+  },
+  {
+    type: 'title',
+    text: 'PNG eller WebP? När du ska använda respektive format',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> förblir rätt format när kompatibilitet är avgörande: designverktyg som Photoshop eller Figma, arbetsflöden för utskrift, äldre skrivbordsapplikationer eller sammanhang där WebP-stöd inte kan garanteras. Det är också det ideala formatet för att spara arbetslager i redigeringsflöden, eftersom dess förlustfria komprimering bevarar varje pixel. Kostnaden: filer som kan väga 3–8 gånger mer än deras WebP-motsvarighet.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> är den naturliga ersättaren för PNG för allt modernt webbinnehåll. Chrome, Firefox, Safari och Edge stöder det alla nativt. En förlustfri WebP-bild är 26 % mindre än motsvarande PNG; i förlustläge kan den vara upp till 40 % mindre med praktiskt taget oskiljbar visuell kvalitet. Och avgörande för webbdesign: <strong>WebP bevarar alfa-transparens</strong> exakt som PNG, utan visuella kompromisser.',
+  },
+  {
+    type: 'title',
+    text: 'Jämförelse: Lokal vs Molnkonvertering',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Molnkonverterare',
+        description: 'Verktyg som laddar upp dina filer till en fjärrserver.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Nätverkslatens vid uppladdning och nedladdning',
+          'Dina logotyper och bilder lagras på tredjepartsservrar',
+          'Begränsningar i filstorlek och dagliga konverteringstak',
+          'Påträngande annonser och spårare från tredje part',
+        ],
+      },
+      {
+        title: 'Vår Lokala Arkitektur',
+        description: 'Direkt bearbetning på din hårdvara med Vanilla JS-teknik.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Omedelbar hastighet — noll nätverkslatens',
+          'Komplett integritet — 0 byte skickas externt',
+          'Inga MB-gränser eller begränsningar på antal filer',
+          'Rent gränssnitt, inga annonser eller spårning',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hur det fungerar tekniskt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG-filen laddas lokalt och avkodas till ett <strong>HTML5 Canvas</strong> i minnet. Canvas-API:et bevarar alfakanalen från den ursprungliga PNG-filen — alla transparenta och halvtransparenta pixlar hålls intakta i RGBA-pixelbufferten. Canvasen exporteras sedan genom att anropa <code>toDataURL(\'image/webp\')</code>, vilket tillämpar webbläsarens WebP-codec (baserat på Googles libwebp) för att generera en mer kompakt fil utan att ändra transparensdatan.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP använder två komprimeringslägen: förlustfritt läge för bilder där varje pixel måste vara exakt trogen originalet, och förlustläge för foton och element där små skillnader är omärkliga. Förlustfritt läge ger filer som är 26 % mindre än PNG; förlustläge kan uppnå minskningar på upp till 40 % jämfört med PNG med bibehållen utmärkt visuell kvalitet.',
+  },
+  {
+    type: 'tip',
+    title: 'Tips: WebP vinner över både PNG och JPG på webben',
+    html: 'WebP i förlustfritt läge är mindre än PNG. WebP i förlustläge är mindre än JPG. Detta gör WebP till det <strong>enda formatet som ersätter båda</strong> i webbsammanhang. Konvertera dina transparenta PNG-filer till WebP innan du laddar upp dem: Google PageSpeed Insights upptäcker det och ger höga poäng i revisioner för "Leverera bilder i moderna format".',
+  },
+  {
+    type: 'title',
+    text: 'Användningsområden och kompatibilitet',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logotyper och ikoner med transparent bakgrund för webbplatser och appar.',
+      'Produktbilder med utskurna bakgrunder i e-handelsbutiker.',
+      'CSS-sprites och UI-element med alfa-transparens.',
+      'Rastrerade illustrationer och vektorgrafik för målsidor.',
+      'Artikelminiatyrer med transparent bakgrund i bloggar och nyhetsportaler.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Slutsats',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Bytet från PNG till WebP är den mest kompletta optimeringen av webbbilder som finns tillgänglig: du får lättare filer, bevarar transparens och förbättrar Core Web Vitals-mått utan att ändra någonting i din visuella design. Detta verktyg gör det omedelbart, gratis och helt privat — dina bilder bearbetas i din webbläsare och skickas aldrig till någon extern server.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'sv', faq, howTo }),
+};

package/src/tool/pngAWebp/i18n/tr.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-den-webp-ye-donusturucu';
+const title = 'PNG\'yi WebP\'ye Çevrimiçi ve Ücretsiz Dönüştürün';
+const description =
+  'PNG görüntülerini tarayıcınızda WebP\'ye dönüştürün. %40\'a varan daha küçük dosya boyutu. Şeffaflığı korur. Dosya yüklemesi yok. Ücretsiz ve özel.';
+
+const ui: ImageConverterUI = {
+  dragText: 'PNG dosyalarını sürükleyin...',
+  convertText: 'Onları anında WebP\'ye dönüştürmek için',
+  selectFiles: 'Dosyaları seçin',
+  processedFiles: 'İşlenmiş dosyalar',
+  downloadAll: 'Tümünü İndir (.zip)',
+  pending: 'Bekliyor',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Neden PNG\'yi WebP\'ye dönüştürmeliyiz?',
+    answer:
+      'WebP, aynı kalitede PNG\'den %40\'a kadar daha iyi sıkıştırma sağlarken Alfa şeffaflığını da destekler. Google PageSpeed Insights tarafından önerilen formattır.',
+  },
+  {
+    question: 'İşlem sırasında şeffaflık kaybolur mu?',
+    answer:
+      'Hayır. WebP\'nin teknik uygulaması alfa kanalını destekler. Orijinal PNG\'nin şeffaflıkları yeni WebP dosyasında korunacaktır.',
+  },
+  {
+    question: 'Görüntülerim herhangi bir sunucuya gidiyor mu?',
+    answer:
+      'Hayır. Kod yalnızca tarayıcınızda (İstemci Tarafı) çalışır. Dönüştürdüğünüz görüntüleri asla görmeyiz, kaydetmeyiz veya saklamayız.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'PNG\'lerinizi yerleştirin',
+    text: 'Büyük PNG dosyalarınızı yükleme alanına bırakın veya geleneksel etkileşimli seçiciyi kullanın.',
+  },
+  {
+    name: 'Kanal algılama',
+    text: 'Yerel oluşturma motoru, piksel kompozisyonunu algılayacak ve optimize edilmiş WebP formatına aktaracaktır.',
+  },
+  {
+    name: 'Doğrudan İndirme',
+    text: 'Yüksek kaliteli sıkıştırılmış WebP dosyalarınızı tek tek indirin veya ZIP paketi dönüştürücüsünü kullanarak bir araya getirin.',
+  },
+];
+
+const bibliography: PngAWebpLocaleContent['bibliography'] = [
+  {
+    name: 'Google: WebP Uygulama Detayları',
+    url: 'https://developers.google.com/speed/webp/',
+  },
+  {
+    name: 'W3C: Core Web Vitals Rehberi',
+    url: 'https://web.dev/vitals/',
+  },
+  {
+    name: 'Mozilla Docs: Görüntü Formatları',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG\'den WebP\'ye Dönüştürücü: Web İçin Şeffaflık ve Modern Sıkıştırma',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong>, onlarca yıldır şeffaflığa sahip web görüntüleri için referans format olmuştur — logolar, simgeler, kullanıcı arayüzü öğeleri, dekupe edilmiş arka planlara sahip ürün görüntüleri. Sorunu dosya boyutudur: kaliteyi garanti eden kayıpsız sıkıştırma aynı zamanda belirgin şekilde büyük dosyalar oluşturur. Google\'ın <strong>WebP</strong>\'si bu çelişkiyi çözer: alfa kanalını (şeffaflığı) destekler <em>ve</em> PNG\'den çok daha iyi sıkıştırır; bu da web sitenizde PNG\'den WebP\'ye geçişi hiçbir şeyden ödün vermeyen mükemmel bir optimizasyon haline getirir.',
+  },
+  {
+    type: 'title',
+    text: 'PNG mi WebP mi? Her format ne zaman kullanılır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Uyumluluk kritik olduğunda <strong>PNG</strong> doğru format olmaya devam eder: Photoshop veya Figma gibi tasarım araçları, baskı iş akışları, eski masaüstü uygulamaları veya WebP desteğinin garanti edilmediği herhangi bir bağlam. Ayrıca, kayıpsız sıkıştırması her pikseli koruduğu için düzenleme süreçlerinde çalışma katmanlarını kaydetmek için ideal formattır. Maliyeti: WebP eşdeğerinden 3-8 kat daha fazla ağırlığa sahip olabilen dosyalar.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong>, tüm modern web içerikleri için PNG\'nin doğal halefidir. Chrome, Firefox, Safari ve Edge web tarayıcılarının tamamı bunu yerel olarak destekler. Kayıpsız bir WebP görüntüsü, eşdeğer PNG\'den %26 daha küçüktür; kayıplı modda neredeyse ayırt edilemez görsel kalitede %40\'a kadar daha küçük olabilir. Ve web tasarımı için kritik olan: <strong>WebP, alfa şeffaflığını</strong> görsel bir taviz vermeden tıpkı PNG gibi korur.',
+  },
+  {
+    type: 'title',
+    text: 'Karşılaştırma: Yerel ve Bulut Dönüştürme',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Bulut Dönüştürücüler',
+        description: 'Dosyalarınızı uzak bir sunucuya yükleyen araçlar.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Yükleme ve indirmede ağ gecikmesi',
+          'Logolarınız ve görüntüleriniz üçüncü taraf sunucularda saklanır',
+          'Dosya boyutu sınırları ve günlük dönüştürme kotaları',
+          'Rahatsız edici reklamlar ve üçüncü taraf izleyiciler',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisini kullanarak doğrudan donanımınızda işleme.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Anında hız — sıfır ağ gecikmesi',
+          'Tam gizlilik — harici olarak gönderilen 0 bayt',
+          'MB sınırı veya dosya sayısı kısıtlaması yok',
+          'Temiz arayüz, reklam veya izleme yok',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik olarak nasıl çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG yerel olarak yüklenir ve bellekteki bir <strong>HTML5 Canvas</strong>\'a çözülür. Canvas API\'si orijinal PNG\'deki alfa kanalını korur — tüm şeffaf ve yarı şeffaf pikseller RGBA piksel arabelleğinde sağlam tutulur. Ardından tuval, şeffaflık verilerini değiştirmeden daha kompakt bir dosya oluşturmak için tarayıcının (Google\'ın libwebp tabanlı) WebP codec bileşenini uygulayan <code>toDataURL(\'image/webp\')</code> çağrısı yapılarak dışa aktarılır.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP iki sıkıştırma modu kullanır: her pikselin orijinaline tam olarak sadık kalması gereken görüntüler için kayıpsız mod ve küçük farklılıkların algılanamaz olduğu fotoğraflar ve öğeler için kayıplı mod. Kayıpsız mod, PNG\'den %26 daha küçük dosyalar üretir; kayıplı mod, mükemmel görsel kaliteyi korurken PNG\'ye kıyasla %40\'a varan azalmalar elde edebilir.',
+  },
+  {
+    type: 'tip',
+    title: 'İpucu: WebP web üzerinde hem PNG\'yi hem de JPG\'yi yener',
+    html: 'Kayıpsız moddaki WebP, PNG\'den daha küçüktür. Kayıplı moddaki WebP, JPG\'den daha küçüktür. Bu, WebP\'yi web bağlamında <strong>her ikisinin de yerini alan tek format</strong> yapar. Şeffaf PNG\'lerinizi yüklemeden önce WebP\'ye dönüştürün: Google PageSpeed Insights bunu algılar ve "Modern formatlardaki görseller sunun" denetimlerinde olumlu puan verir.',
+  },
+  {
+    type: 'title',
+    text: 'Kullanım durumları ve uyumluluk',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Web siteleri ve uygulamalar için şeffaf arka plana sahip logolar ve simgeler.',
+      'E-ticaret mağazalarında dekupe arka planlı ürün görselleri.',
+      'Alfa şeffaflığına sahip CSS sprite\'ları ve kullanıcı arayüzü öğeleri.',
+      'Açılış sayfaları için rasterleştirilmiş çizimler ve vektör grafikleri.',
+      'Bloglarda ve haber portallarında şeffaf arka plana sahip makale küçük resimleri.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG\'den WebP\'ye geçiş, mevcut en eksiksiz web görüntüsü optimizasyonudur: görsel tasarımınız hakkında hiçbir şeyi değiştirmeden daha hafif dosyalar elde eder, şeffaflığı korur ve Core Web Vitals metriklerini iyileştirir. Bu araç bunu anında, ücretsiz ve tamamen gizli bir şekilde yapar — görüntüleriniz tarayıcınızda işlenir ve asla harici bir sunucuya gitmez.',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

package/src/tool/pngAWebp/i18n/zh.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%, 同时还支持 Alpha 透明度。它是 Google PageSpeed Insights 推荐的格式。',
+  },
+  {
+    question: '转换过程中会丢失透明度吗？',
+    answer:
+      '不会。WebP 的技术实现支持 Alpha 通道。原始 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 转 WebP 转换器: 为 Web 设计提供透明度与现代压缩技术',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> 几十年来一直是带透明度的 Web 图像的标准格式——标志、图标、UI 元素、抠图背景的产品图。其问题在于文件体积: 保证质量的无损压缩也会产生显著的大文件。Google 的 <strong>WebP</strong> 解决了这一矛盾: 它支持 Alpha 通道(透明度) <em>且</em> 压缩率远高于 PNG, 这使得在您的网站上将 PNG 切换为 WebP 成为一种不牺牲任何质量的完美优化。',
+  },
+  {
+    type: 'title',
+    text: 'PNG 还是 WebP？何时使用各格式',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '当兼容性至关重要时, <strong>PNG</strong> 仍然是正确的格式: 例如 Photoshop 或 Figma 等设计工具、打印工作流、旧式桌面应用程序或任何无法保证 WebP 支持的环境。它也是保存编辑流程中工作图层的理想格式, 因为其无损压缩保留了每一个像素。代价是: 文件体积可能是同等 WebP 的 3-8 倍。',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> 是所有现代 Web 内容中 PNG 的自然替代品。Chrome、Firefox、Safari 和 Edge 都原生支持它。无损 WebP 图像比同等 PNG 小 26%；在有损模式下, 它的体积可缩小高达 40%, 且视觉画质几乎无法区分。对于 Web 设计来说至关重要的一点是: <strong>WebP 像 PNG 一样保留 Alpha 透明度</strong>, 没有任何视觉权衡。',
+  },
+  {
+    type: 'title',
+    text: '对比: 本地转换 vs 云端转换',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: '云端转换器',
+        description: '将您的文件上传到远程服务器的工具。',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          '上传和下载时的网络延迟',
+          '您的徽标和图像存储在第三方服务器上',
+          '文件大小限制和每日转换配额',
+          '干扰性广告和第三方追踪器',
+        ],
+      },
+      {
+        title: '我们的本地架构',
+        description: '使用 Vanilla JS 技术直接在您的硬件上进行处理。',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          '即时处理——零网络延迟',
+          '完全私密——数据向外发送量为 0 字节',
+          '无 MB 限制或文件数量限制',
+          '界面简洁, 无广告或追踪',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技术原理',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG 文件被本地加载并解码到内存中的 <strong>HTML5 Canvas</strong> 中。Canvas API 保留了原始 PNG 的 Alpha 通道——所有透明和半透明像素在 RGBA 像素缓冲区中保持原样。然后通过调用 <code>toDataURL(\'image/webp\')</code> 导出画布, 该方法应用浏览器的 WebP 编解码器 (基于 Google 的 libwebp) 来生成更紧凑的文件, 而不会改变透明度数据。',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP 使用两种压缩模式: 无损模式适用于每一个像素都必须精确还原原始图像的情况；有损模式适用于照片和细微差异无法察觉的元素。无损模式产生的文件比 PNG 小 26%；有损模式在保持极佳视觉质量的同时, 体积可比 PNG 减少高达 40%。',
+  },
+  {
+    type: 'tip',
+    title: '提示: 在 Web 端, WebP 同时超越了 PNG 和 JPG',
+    html: '无损模式下的 WebP 比 PNG 小。有损模式下的 WebP 比 JPG 小。这使得 WebP 成为 Web 环境下 <strong>唯一能够同时取代两者的格式</strong>。在上传之前将您的透明 PNG 转换为 WebP: Google PageSpeed Insights 会检测到这一点, 并在“以现代格式提供图像”审计中给出正面评分。',
+  },
+  {
+    type: 'title',
+    text: '应用场景与兼容性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      '网站和应用中带透明背景的标志和图标。',
+      '电子商务商店中带抠图背景的产品图片。',
+      '带 Alpha 透明度的 CSS 精灵图和 UI 元素。',
+      '用于落地页的栅格化插图和矢量图形。',
+      '博客和新闻门户中带透明背景的文章缩略图。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '总结',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '从 PNG 切换到 WebP 是目前最全面的 Web 图像优化手段: 您可以获得更轻量的文件、保留透明度, 并在不改变视觉设计的前提下改善 Core Web Vitals 指标。此工具由浏览器本地处理, 不会向任何服务器传输图片, 过程即时、免费且完全私密。',
+  },
+];
+
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/pngAWebp/index.ts

@@ -16,6 +16,18 @@ export const pngAWebp: ConvertersToolEntry<ImageConverterUI> = {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),
     fr: () => import('./i18n/fr').then((m) => m.content),
+    de: () => import('./i18n/de').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
   },
 };