@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'konvertera-svg-till-png';
+const title = 'Konvertera SVG till PNG Online och Gratis';
+const description =
+  'Konvertera SVG-vektorfiler till PNG i din webbläsare. HD-utmatning i dubbel skala. Bevarar transparens. Gratis och 100 % privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Dra SVG-filer hit...',
+  convertText: 'För att konvertera dem till PNG 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: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Varför konvertera SVG-filer till PNG?',
+    answer:
+      'SVG är vektorbaserat och idealiskt för logotyper, men ibland behöver du det rastrerade PNG-formatet för användning i applikationer som inte stöder vektorer, eller för att dela via meddelandeappar eller sociala medier.',
+  },
+  {
+    question: 'Kan jag välja storlek på utmatningen?',
+    answer:
+      'Vi fördubblar för närvarande skalan på käll-SVG:n så att PNG-utmatningen är skarp och lämplig för Retina- eller 4K-skärmar.',
+  },
+  {
+    question: 'Behålls SVG-transparens?',
+    answer:
+      'Ja, den resulterande PNG-filen bevarar alfakanalen från den ursprungliga SVG-filen, vilket håller alla transparenta bakgrunder intakta.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Lägg till dina SVG-filer',
+    text: 'Släpp dina SVG-filer eller dra dem direkt till det övre området.',
+  },
+  {
+    name: 'HD PNG-generering',
+    text: 'På några millisekunder kommer vår lokala motor att återskapa varje vektor som ett HD-pixellager i transparent PNG-format.',
+  },
+  {
+    name: 'Ladda ner filerna',
+    text: 'Spara de genererade PNG-filerna individuellt eller som ett ZIP-paket.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG-specifikation',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG-handledning',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG till PNG-konverterare: Från oändlig vektor till universellt raster',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) är det perfekta valet för webbdesign: oändligt skalbart, lättviktigt och redigerbart med vilken kodredigerare som helst. Men när du vill använda den logotypen eller ikonen i en mobilapp, dela den på sociala medier eller infoga den i en PowerPoint presentation, stöter du på patrull: de flesta av dessa plattformar stöder inte SVG. <strong>PNG</strong>-formatet är den universella lösningen: rastrerat, med en alfakanal och kompatibelt i absolut alla sammanhang.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vektorer för webben, raster för världen',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG lagrar bilden som matematiska instruktioner: en Bézier kurva, en toning, en polygon. Det betyder att samma fil ser perfekt ut i 16 px eller 16 000 px. Det är det ideala formatet för din webbkod, CSS-animationer och alla element som behöver anpassas till olika skärmupplösningar utan kvalitetsförlust.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG lagrar bilden som ett pixelrutnät med färg- och transparensinformation för varje pixel. Det är ett <strong>förlustfritt</strong> format, vilket innebär att kvaliteten bevaras helt. När en SVG väl har rastrerats till PNG är upplösningen fast. Därför är valet av rätt exportstorlek avgörande: vårt verktyg renderar i dubbel skala (2x) för att säkerställa skärpa på Retina och 4K skärmar.',
+  },
+  {
+    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: [
+          'Din SVG-kod skickas till externa servrar',
+          'Fjärr-rendering med inkonsekvent kvalitet',
+          'Väntetid för uppladdning och bearbetning',
+          'Begränsningar i storlek på SVG-filen',
+        ],
+      },
+      {
+        title: 'Vår Lokala Arkitektur',
+        description: 'Direkt bearbetning på din hårdvara med Vanilla JS-teknik.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Din SVG lämnar aldrig din webbläsare',
+          'Rendering med den infödda webbläsarmotorn för maximal trohet',
+          'PNG i 2x upplösning för skärmar med hög densitet',
+          'Transparens bevaras med full alfakanal',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hur det fungerar tekniskt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Processen börjar med att SVG-filen laddas in i ett JavaScript <strong>Image</strong>-element. När webbläsarmotorn har analyserat och renderat vektorns XML ritas den resulterande bilden på ett <strong>HTML5 Canvas</strong> vars dimensioner är dubbelt så stora som den ursprungliga SVG-storleken (2x skala). Detta ger en PNG med dubbelt så många pixlar per dimension, idealiskt för högupplösta skärmar.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Till skillnad från konvertering till JPG behåller canvasen den fullständiga alfakanalen vid export till PNG: transparenta områden i den ursprungliga SVG-filen blir helt transparenta pixlar i den resulterande PNG-filen – ingen vit bakgrundsfyllning. Exporten använder metoden <code>toDataURL(\'image/png\')</code> med förlustfri komprimering.',
+  },
+  {
+    type: 'tip',
+    title: 'Tips före rastrering',
+    html: 'Välj din PNG-exportstorlek noggrant – att rastrera en SVG är en enkelriktad process: du kan inte återfå vektorerna från den resulterande PNG-filen. Behåll alltid den ursprungliga SVG-filen som masterkälla och generera PNG-filer i den högsta upplösning du någonsin kan tänkas behöva.',
+  },
+  {
+    type: 'title',
+    text: 'Användningsområden och kompatibilitet',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exportera vektorlogotyper för PowerPoint eller Google Slides presentationer.',
+      'Skapa PNG-ikoner för iOS, Android eller Progressive Web Apps.',
+      'Dela SVG-design på Instagram, LinkedIn eller andra sociala medier.',
+      'Infoga vektorillustrationer i Word-dokument eller PDF-filer.',
+      'Generera PNG-miniatyrer av SVG-grafik för CMS-förhandsgranskning.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Slutsats',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG är vektorernas språk; PNG är passet till resten av den digitala världen. Detta verktyg rastrerar dina SVG-filer i 2x upplösning med bibehållen transparens, direkt i din webbläsare, utan att en enda byte av din design skickas till någon extern server.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'sv', faq, howTo }),
+};

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-den-png-ye-donusturucu';
+const title = 'SVG\'yi PNG\'ye Çevrimiçi ve Ücretsiz Dönüştürün';
+const description =
+  'SVG vektör dosyalarını tarayıcınızda PNG\'ye dönüştürün. Çift ölçekli HD çıktı. Şeffaflığı korur. Ücretsiz ve %100 özel.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG dosyalarını sürükleyin...',
+  convertText: 'Onları anında PNG\'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: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Neden SVG dosyalarını PNG\'ye dönüştürmeliyiz?',
+    answer:
+      'SVG vektör tabanlıdır ve logolar için idealdir, ancak bazen vektörleri desteklemeyen uygulamalarda kullanmak veya mesajlaşma uygulamaları ya da sosyal medya üzerinden paylaşmak için rasterleştirilmiş PNG formatına ihtiyacınız olur.',
+  },
+  {
+    question: 'Çıktı boyutunu seçebilir miyim?',
+    answer:
+      'PNG çıktısının keskin ve Retina veya 4K ekranlar için uygun olması için şu anda kaynak SVG\'nin ölçeğini iki katına çıkarıyoruz.',
+  },
+  {
+    question: 'SVG şeffaflıkları korunuyor mu?',
+    answer:
+      'Evet, sonuçta elde edilen PNG, orijinal SVG\'nin alfa kanalını koruyarak tüm şeffaf arka planları olduğu gibi tutar.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'SVG dosyalarınızı yerleştirin',
+    text: 'SVG dosyalarınızı bırakın veya doğrudan üst alana sürükleyin.',
+  },
+  {
+    name: 'HD PNG Üretimi',
+    text: 'Milisaniyeler içinde yerel motorumuz her bir vektörü şeffaf PNG formatında bir HD piksel katmanı olarak yeniden oluşturacaktır.',
+  },
+  {
+    name: 'Dosyaları indirin',
+    text: 'Oluşturulan PNG\'leri tek tek veya ZIP paketi olarak kaydedin.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Özellikleri',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG Eğitimi',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG\'den PNG\'ye Dönüştürücü: Sonsuz Vektörden Evrensel Rastere',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Ölçeklenebilir Vektör Grafikleri) web tasarımı için mükemmel bir seçimdir: sonsuz ölçeklenebilir, hafiftir ve herhangi bir kod düzenleyiciyle düzenlenebilir. Ancak bu logoyu veya simgeyi bir mobil uygulamada kullanmak, sosyal medyada paylaşmak veya bir PowerPoint sunumuna yerleştirmek istediğinizde bir engelle karşılaşırsınız: Bu platformların çoğu SVG\'yi desteklemez. <strong>PNG</strong> formatı evrensel çözümdür: rasterleştirilmiştir, bir alfa kanalına sahiptir ve kesinlikle her bağlamda uyumludur.',
+  },
+  {
+    type: 'title',
+    text: 'SVG mi PNG mi? Web için Vektörler, Dünya için Raster',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG, görüntüyü matematiksel talimatlar olarak saklar: bir Bézier eğrisi, bir gradyan, bir çokgen. Bu, aynı dosyanın 16 pikselde veya 16.000 pikselde mükemmel görünmesi anlamına gelir. Web kodunuz, CSS animasyonlarınız ve herhangi bir kalite kaybı olmadan farklı ekran çözünürlüklerine uyum sağlaması gereken her öğe için ideal formattır.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG, görüntüyü her piksel için renk ve şeffaflık bilgilerini içeren bir piksel ızgarası olarak saklar. <strong>Kayıpsız</strong> (lossless) bir formattır, yani kalite tamamen korunur. Bir SVG, PNG\'ye rasterleştirildikten sonra çözünürlük sabittir. Bu nedenle doğru dışa aktarma boyutunu seçmek kritiktir: Aracımız, Retina ve 4K ekranlarda keskinliği sağlamak için çift ölçekte (2 kat) işleme yapar.',
+  },
+  {
+    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: [
+          'SVG kodunuz harici sunuculara gider',
+          'Tutarsız kalitede uzaktan işleme',
+          'Yükleme ve işleme için bekleme süresi',
+          'SVG dosya boyutu sınırlamaları',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisini kullanarak doğrudan donanımınızda işleme.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVG\'niz tarayıcınızdan asla ayrılmaz',
+          'Maksimum doğruluk için yerel tarayıcı motoru işlemesi',
+          'Yüksek yoğunluklu ekranlar için 2 kat çözünürlüklü PNG',
+          'Tam alfa kanalıyla korunan şeffaflık',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik Olarak Nasıl Çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Süreç, SVG dosyasının bir JavaScript <strong>Image</strong> öğesine yüklenmesiyle başlar. Tarayıcı motoru vektör XML\'ini ayrıştırıp işledikten sonra, sonuç görüntüsü boyutları orijinal SVG boyutunun iki katı (2 kat ölçek) olan bir <strong>HTML5 Canvas</strong> üzerine çizilir. Bu, yüksek çözünürlüklü ekranlar için ideal olan, her boyutta iki kat piksele sahip bir PNG üretir.',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG\'ye dönüştürmenin aksine, PNG\'ye dışa aktarırken tuval tam alfa kanalını korur: Orijinal SVG\'deki şeffaf alanlar, sonuçta elde edilen PNG\'de tamamen şeffaf pikseller haline gelir — beyaz arka plan dolgusu olmaz. Dışa aktarma işlemi, kayıpsız sıkıştırma ile <code>toDataURL(\'image/png\')</code> yöntemini kullanır.',
+  },
+  {
+    type: 'tip',
+    title: 'Rasterleştirmeden önce ipucu',
+    html: 'PNG dışa aktarma boyutunuzu dikkatli seçin — bir SVG\'yi rasterleştirmek tek yönlü bir işlemdir: vektörleri sonuçta elde edilen PNG\'den geri kazanamazsınız. Her zaman orijinal SVG\'yi ana kaynak olarak tutun ve ihtiyaç duyabileceğiniz en yüksek çözünürlükte PNG\'ler oluşturun.',
+  },
+  {
+    type: 'title',
+    text: 'Kullanım Durumları ve Uyumluluk',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'PowerPoint veya Google Slides sunumları için vektör logolarını dışa aktarma.',
+      'iOS, Android veya Progresif Web Uygulamaları için PNG simgeleri oluşturma.',
+      'SVG tasarımlarını Instagram, LinkedIn veya diğer sosyal medyalarda paylaşma.',
+      'Vektör illüstrasyonlarını Word belgelerine veya PDF\'lere yerleştirme.',
+      'CMS önizlemesi için SVG grafiklerinin PNG küçük resimlerini oluşturma.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG vektörlerin dilidir; PNG ise dijital dünyanın geri kalanına açılan pasaporttur. Bu araç, tasarımlarınızın tek bir baytı bile harici bir sunucuya gitmeden, doğrudan tarayıcınızda, SVGs\'lerinizi şeffaflığı bozulmadan 2 kat çözünürlükte rasterleştirir.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-to-png-converter';
+const title = '在线免费将 SVG 转换为 PNG';
+const description =
+  '在浏览器中将 SVG 矢量文件转换为 PNG。支持双倍缩放高清输出。保留透明度。无需上传文件。免费且 100% 私密。';
+
+const ui: ImageConverterUI = {
+  dragText: '拖拽 SVG 文件...',
+  convertText: '立即将它们转换为 PNG',
+  selectFiles: '选择文件',
+  processedFiles: '已处理文件',
+  downloadAll: '下载全部 (.zip)',
+  pending: '等待中',
+  bibliographyTitle: '参考文献',
+  faqTitle: '常见问题',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: '为什么要将 SVG 文件转换为 PNG？',
+    answer:
+      'SVG 是基于矢量的, 非常适合标志设计, 但有时您需要栅格化的 PNG 格式以便在不支持矢量的应用程序中使用, 或者通过即时通讯软件或社交媒体进行分享。',
+  },
+  {
+    question: '我可以选择输出尺寸吗？',
+    answer:
+      '目前我们默认将原始 SVG 的比例翻倍, 以确保生成的 PNG 图像清晰, 并适用于 Retina 或 4K 屏幕。',
+  },
+  {
+    question: 'SVG 的透明度会保留吗？',
+    answer:
+      '是的, 生成的 PNG 会保留原始 SVG 的 Alpha 通道, 使所有透明背景保持原样。',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: '放入您的 SVG 文件',
+    text: '将您的 SVG 文件拖入上方区域。',
+  },
+  {
+    name: '高清 PNG 生成',
+    text: '在毫秒之间, 我们的本地引擎就会将每个矢量重建为透明 PNG 格式的高清像素层。',
+  },
+  {
+    name: '下载文件',
+    text: '您可以单独下载生成的 PNG, 也可以将其打包为 ZIP 下载。',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG 规范',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG 教程',
+    url: 'https://developer.mozilla.org/zh-CN/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG 转 PNG 转换器: 从无限矢量到通用栅格',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (可缩放矢量图形) 是网页设计的完美选择: 无限缩放、轻量级, 且可以使用任何代码编辑器进行编辑。但是当您需要快速在移动应用中使用该徽标或图标、在社交媒体上分享或插入 PowerPoint 演示文稿时, 您就会遇到阻碍: 大多数此类平台并不支持 SVG。 <strong>PNG</strong> 格式则是通用的解决方案: 栅格化、带有 Alpha 通道, 且在绝对任何场景下都具有良好的兼容性。',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: 为 Web 打造矢量, 为世界提供栅格',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG 以数学指令的形式存储图像: 贝塞尔曲线、渐变、多边形。这意味着同一个文件在 16 像素或 16,000 像素下看起来都非常完美。它是网页代码、CSS 动画以及任何需要无损适应不同屏幕分辨率元素的理想格式。',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG 将图像存储为像素网格, 其中包含每个像素的颜色和透明度信息。它是一种 <strong>无损</strong> (lossless) 格式, 意味着画质被完全保留。一旦 SVG 被栅格化为 PNG, 分辨率就固定了。这就是为什么选择正确的导出尺寸至关重要: 我们的工具以双倍缩放 (2x) 进行渲染, 以确保在 Retina 和 4K 屏幕上保持清晰。',
+  },
+  {
+    type: 'title',
+    text: '对比: 本地转换 vs 云端转换',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: '云端转换器',
+        description: '将您的文件上传到远程服务器的工具。',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          '您的 SVG 代码会传输到外部服务器',
+          '画质不稳定的远程渲染',
+          '需要等待上传和处理时间',
+          '对 SVG 文件大小有限制',
+        ],
+      },
+      {
+        title: '我们的本地架构',
+        description: '使用 Vanilla JS 技术直接在您的硬件上进行处理。',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          '您的 SVG 数据永远不会离开浏览器',
+          '利用浏览器原生引擎实现极高还原度',
+          '输出 2 倍高清 PNG 以适配高分辨率屏幕',
+          '通过完整 Alpha 通道完美保留透明度',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技术原理',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '处理过程始于将 SVG 文件加载到 JavaScript 的 <strong>Image</strong> 元素中。一旦浏览器引擎解析并渲染了矢量 XML, 生成的图像就会被绘制到 <strong>HTML5 Canvas</strong> 上, 画布尺寸是原始 SVG 尺寸的两倍 (2x 缩放)。这样就产生了一个在每个维度上都有两倍像素的 PNG, 非常适合高分辨率显示器。',
+  },
+  {
+    type: 'paragraph',
+    html: '与转换为 JPG 不同, 在导出为 PNG 时, 画布保留了完整的 Alpha 通道: 原始 SVG 中的透明区域在生成的 PNG 中变为完全透明的像素——没有白色背景填充。导出使用具有无损压缩特性的 <code>toDataURL(\'image/png\')</code> 方法。',
+  },
+  {
+    type: 'tip',
+    title: '栅格化前的提示',
+    html: '请谨慎选择您的 PNG 导出尺寸——将 SVG 栅格化是一个单向过程: 您无法从生成的 PNG 中恢复矢量数据。请始终保留原始 SVG 作为母带源, 并以您可能需要的最高分辨率生成 PNG。',
+  },
+  {
+    type: 'title',
+    text: '应用场景与兼容性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      '为 PowerPoint 或 Google Slides 演示文稿导出矢量标志。',
+      '为 iOS、Android 或渐进式 Web 应用 (PWA) 创建 PNG 图标。',
+      '在 Instagram、LinkedIn 或其他社交媒体上分享 SVG 设计。',
+      '将矢量插图插入 Word 文档或 PDF。',
+      '为 CMS 预览生成 SVG 图形的 PNG 缩略图。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '总结',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG 是矢量世界的语言；PNG 是通往数字世界其他领域的通行证。此工具能在浏览器中直接以 2 倍分辨率将您的 SVG 栅格化并保留透明度, 您的设计数据完全不会传输到任何外部服务器。',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/svgAPng/index.ts

@@ -16,6 +16,18 @@ export const svgAPng: 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),
   },
 };