@jjlmoya/utils-converters 1.25.0 → 1.26.0

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

@@ -19,27 +19,27 @@ const ui: ImageConverterUI = {
   faqTitle: 'Sıkça Sorulan Sorular',
 };
 
-const faq: PngAJpgLocaleContent['faq'] = [
-  {
+const faq: PngAJpgLocaleContent['faq'] = [
+  {
     question: "Yerel PNG'den JPG'ye dönüştürücümüzü neden seçmelisiniz?",
-    answer:
+    answer:
       'Geleneksel hizmetlerin aksine bu araç dosyaları tamamen tarayıcıda işler. Görselleriniz uzak bir diske gönderilmez; verileriniz üzerindeki kontrol ve gizlilik korunur.',
-  },
-  {
+  },
+  {
     question: 'JPG mi PNG mi: hangisi ne zaman kullanılmalı?',
-    answer:
+    answer:
       'PNG logolar ve saydam öğeler için uygundur. JPG ise fotoğraflarda ve web bannerlarında daha küçük dosyalar oluşturarak sayfa yükleme hızını artırır.',
-  },
-  {
+  },
+  {
     question: 'Dosya yüklemeden teknik dönüşüm nasıl çalışır?',
-    answer:
+    answer:
       'HTML5 Canvas kullanılır. Tarayıcı görüntüyü görünmez bir sanal alanda yeniden oluşturur, saydam bölgeleri beyazla doldurur ve indirilecek JPEG verisini doğrudan üretir.',
-  },
-  {
+  },
+  {
     question: 'Gizli belgeler için güvenli mi?',
-    answer:
+    answer:
       "Evet. Bankacılık, sağlık ve hukuk dosyalarını üçüncü taraflara göndermemek daha güvenlidir; işlem cihazın RAM'inde kalır ve sekme kapatılınca sona erer.",
-  },
+  },
 ];
 
 const howTo: PngAJpgLocaleContent['howTo'] = [
@@ -57,114 +57,114 @@ const howTo: PngAJpgLocaleContent['howTo'] = [
   },
 ];
 
-const seo: PngAJpgLocaleContent['seo'] = [
-  {
-    type: 'title',
+const seo: PngAJpgLocaleContent['seo'] = [
+  {
+    type: 'title',
     text: "PNG'den JPG'ye Dönüştürme: Görsel Optimizasyonu Rehberi",
-    level: 2,
-  },
-  {
-    type: 'paragraph',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
     html: 'Dijital tasarım ve web geliştirmede hız önemlidir. PNG saydamlığı ve kayıpsız kaliteyi korur, ancak dosyalar ağır olabilir. Hızlı sayfalar ve küçük ekler için JPG pratik bir seçenektir.',
-  },
-  {
-    type: 'title',
+  },
+  {
+    type: 'title',
     text: 'JPG mi PNG mi: hangisi seçilmeli?',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
     html: 'Her durumda üstün tek bir format yoktur. PNG arayüzler, logolar ve saydam arka planlar için uygundur; kayıpsız sıkıştırma ise daha büyük dosyalar oluşturabilir.',
-  },
-  {
-    type: 'paragraph',
+  },
+  {
+    type: 'paragraph',
     html: 'JPG gözün zor fark ettiği ayrıntıları azaltarak hafif görseller üretir. Fotoğraf, banner ve sosyal medya için küçük bir kalite ödününü daha hızlı yükleme karşılığında sunar.',
-  },
-  {
-    type: 'title',
+  },
+  {
+    type: 'title',
     text: 'Teknik karşılaştırma: yerel işlem ve bulut',
-    level: 3,
-  },
-  {
-    type: 'comparative',
-    items: [
-      {
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
         title: 'Bulut dönüştürücüler',
         description: 'Fotoğrafları uzak bir sunucuya yükleyen geleneksel hizmetler.',
-        icon: 'mdi:cloud-upload',
-        pointIcon: 'mdi:close-circle-outline',
-        points: [
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
           'Ağ gecikmesi (yükleme/indirme)',
           'Özel verilerin sızma riski',
           'Dosya boyutu sınırları',
           'Reklamlar ve izleyiciler',
-        ],
-      },
-      {
+        ],
+      },
+      {
         title: 'Yerel mimarimiz',
         description: 'Vanilla JS ile cihazınızda doğrudan işleme.',
-        icon: 'mdi:laptop-mac',
-        highlight: true,
-        points: [
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
           'Ağ olmadan anında hız',
           'Gizlilik garantisi (sıfır bayt gönderilir)',
           'Dosya başına MB sınırı yok',
           'Temiz ve profesyonel arayüz',
-        ],
-      },
-    ],
-  },
-  {
-    type: 'title',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
     text: 'Teknik dönüşüm nasıl çalışır?',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
     html: "Sunucu olmadan dönüşüm, modern tarayıcı API'leriyle yapılır. Dosya seçildiğinde RAM içinde geçici bir Blob oluşturulur ve görünmez bir HTML5 Canvas üzerine çizilir.",
-  },
-  {
-    type: 'paragraph',
+  },
+  {
+    type: 'paragraph',
     html: 'JPG saydamlığı desteklemediği için saydam alanlar oluşturma öncesinde beyazla doldurulur. Canvas daha sonra cihazın doğrudan kaydedebileceği JPEG verisini üretir.',
-  },
-  {
-    type: 'tip',
+  },
+  {
+    type: 'tip',
     title: 'SEO ipucu: ideal dosya boyutu',
     html: "Daha küçük bir görsel LCP ve PageSpeed ölçümlerini iyileştirebilir. Büyük PNG dosyalarını JPG'ye çevirmek özellikle başlık görsellerinde ve yoğun sayfalarda faydalıdır.",
-  },
-  {
-    type: 'title',
+  },
+  {
+    type: 'title',
     text: 'Şirketler ve profesyoneller için güvenlik',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
     html: "Bankacılık, sağlık ve hukukta dosyaları dış hizmetlere göndermek risk yaratabilir. Buradaki işlem tarayıcının RAM'inde kalır ve buluta yükleme gerektirmez.",
-  },
-  {
-    type: 'title',
+  },
+  {
+    type: 'title',
     text: 'Sonuç uyumluluğu',
-    level: 3,
-  },
-  {
-    type: 'list',
-    icon: 'mdi:check-circle',
-    items: [
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
       'Windows, macOS ve mobil cihaz görüntüleyicileri.',
       'Sosyal ağlar (Instagram, LinkedIn ve diğerleri).',
       'Ofis araçları (Word, PowerPoint).',
       'İçerik yönetim sistemleri (WordPress, Shopify).',
-    ],
-  },
-  {
-    type: 'title',
+    ],
+  },
+  {
+    type: 'title',
     text: 'Sonuç: bilinçli biçimde optimize edin',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
     html: 'Bu dönüştürücü hız ve gizliliği birleştirir. Geliştirici veya ev kullanıcısı olun, dosyalarınızı üçüncü taraflara vermeden görselleri küçültebilirsiniz.',
-  },
+  },
 ];
 
 

package/src/tool/pngAJpg/seo.astro

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

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

@@ -1,168 +1,168 @@
 import { bibliography } from '../bibliography';
-import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+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 = 'Convert PNG to WebP Online and Free';
-const description =
-  'Convert PNG images to WebP in your browser. Up to 40% less file size. Preserves transparency. No file uploads. Free and private.';
-
-const ui: ImageConverterUI = {
-  dragText: 'Drag PNG files...',
-  convertText: 'To convert them to WebP instantly',
-  selectFiles: 'Select files',
-  processedFiles: 'Processed files',
-  downloadAll: 'Download All (.zip)',
+import type { PngAWebpLocaleContent } from '../index';
+
+const slug = 'png-to-webp-converter';
+const title = 'Convert PNG to WebP Online and Free';
+const description =
+  'Convert PNG images to WebP in your browser. Up to 40% less file size. Preserves transparency. No file uploads. Free and private.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Drag PNG files...',
+  convertText: 'To convert them to WebP instantly',
+  selectFiles: 'Select files',
+  processedFiles: 'Processed files',
+  downloadAll: 'Download All (.zip)',
   pending: 'Pending',
-  bibliographyTitle: 'Bibliographic References',
-  faqTitle: 'Frequently Asked Questions',
-};
-
-const faq: PngAWebpLocaleContent['faq'] = [
-  {
-    question: 'Why convert PNG to WebP?',
-    answer:
-      'WebP offers up to 40% better compression than PNG at the same quality, while also supporting Alpha transparency. It is the format recommended by Google PageSpeed Insights.',
-  },
-  {
-    question: 'Is transparency lost in the process?',
-    answer:
-      'No. The technical implementation of WebP supports the alpha channel. The transparencies of the original PNG will be preserved in the new WebP file.',
-  },
-  {
-    question: 'Do my images go to any server?',
-    answer:
-      'No. The code runs exclusively in your browser (Client-Side). We never see, record or save the images you convert.',
-  },
-];
-
-const howTo: PngAWebpLocaleContent['howTo'] = [
-  {
-    name: 'Insert your PNGs',
-    text: 'Drop your large PNG files into the upload area or use the traditional interactive selector.',
-  },
-  {
-    name: 'Channel detection',
-    text: 'The local rendering engine will detect and export the pixel composition to the optimized WebP format.',
-  },
-  {
-    name: 'Direct Download',
-    text: 'Download your highly compressed WebP files individually or bundle them together using the ZIP package converter.',
-  },
-];
-
-const seo: PngAWebpLocaleContent['seo'] = [
-  {
-    type: 'title',
-    text: 'PNG to WebP Converter: Transparency and Modern Compression for the Web',
-    level: 2,
-  },
-  {
-    type: 'paragraph',
-    html: '<strong>PNG</strong> has been the reference format for web images with transparency for decades - logos, icons, UI elements, product images on cut-out backgrounds. Its problem is file size: the lossless compression that guarantees quality also generates noticeably large files. Google\'s <strong>WebP</strong> solves this contradiction: it supports the alpha channel (transparency) <em>and</em> compresses far better than PNG, making the switch from PNG to WebP on your website a perfect optimization that sacrifices nothing.',
-  },
-  {
-    type: 'title',
-    text: 'PNG or WebP? When to use each format',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
-    html: '<strong>PNG</strong> remains the right format when compatibility is critical: design tools like Photoshop or Figma, print workflows, legacy desktop applications, or any context where WebP support is not guaranteed. It is also the ideal format for saving working layers in editing pipelines, since its lossless compression preserves every pixel. The cost: files that can weigh 3-8 times more than their WebP equivalent.',
-  },
-  {
-    type: 'paragraph',
-    html: '<strong>WebP</strong> is the natural replacement for PNG for all modern web content. Chrome, Firefox, Safari, and Edge all support it natively. A lossless WebP image is 26% smaller than the equivalent PNG; in lossy mode it can be up to 40% smaller with virtually indistinguishable visual quality. And crucially for web design: <strong>WebP preserves alpha transparency</strong> exactly like PNG, with no visual compromise.',
-  },
-  {
-    type: 'title',
-    text: 'Comparison: Local vs Cloud Conversion',
-    level: 3,
-  },
-  {
-    type: 'comparative',
-    items: [
-      {
-        title: 'Cloud Converters',
-        description: 'Tools that upload your files to a remote server.',
-        icon: 'mdi:cloud-upload',
-        pointIcon: 'mdi:close-circle-outline',
-        points: [
-          'Network latency on upload and download',
-          'Your logos and images stored on third-party servers',
-          'File size limits and daily conversion caps',
-          'Intrusive ads and third-party trackers',
-        ],
-      },
-      {
-        title: 'Our Local Architecture',
-        description: 'Direct processing on your hardware using Vanilla JS technology.',
-        icon: 'mdi:laptop-mac',
-        highlight: true,
-        points: [
-          'Instant speed - zero network latency',
-          'Complete privacy - 0 bytes sent externally',
-          'No MB limits or file count restrictions',
-          'Clean interface, no ads or tracking',
-        ],
-      },
-    ],
-  },
-  {
-    type: 'title',
-    text: 'How it works technically',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
-    html: 'The PNG is loaded locally and decoded into an in-memory <strong>HTML5 Canvas</strong>. The Canvas API preserves the alpha channel from the original PNG - all transparent and semi-transparent pixels are maintained intact in the RGBA pixel buffer. The canvas is then exported by calling <code>toDataURL(\'image/webp\')</code>, which applies the browser\'s WebP codec (based on Google\'s libwebp) to generate a more compact file without altering the transparency data.',
-  },
-  {
-    type: 'paragraph',
-    html: 'WebP uses two compression modes: lossless mode for images where every pixel must be exactly faithful to the original, and lossy mode for photos and elements where small differences are imperceptible. Lossless mode produces files 26% smaller than PNG; lossy mode can achieve reductions of up to 40% compared to PNG while maintaining excellent visual quality.',
-  },
-  {
-    type: 'tip',
-    title: 'Tip: WebP beats both PNG and JPG on the web',
-    html: 'WebP in lossless mode is smaller than PNG. WebP in lossy mode is smaller than JPG. This makes WebP the <strong>only format that replaces both</strong> in the web context. Convert your transparent PNGs to WebP before uploading: Google PageSpeed Insights detects it and scores it positively in "Serve images in modern formats" audits.',
-  },
-  {
-    type: 'title',
-    text: 'Use cases and compatibility',
-    level: 3,
-  },
-  {
-    type: 'list',
-    icon: 'mdi:check-circle',
-    items: [
-      'Logos and icons with transparent backgrounds for websites and apps.',
-      'Product images with cut-out backgrounds in e-commerce stores.',
-      'CSS sprites and UI elements with alpha transparency.',
-      'Rasterized illustrations and vector graphics for landing pages.',
-      'Article thumbnails with transparent backgrounds in blogs and news portals.',
-    ],
-  },
-  {
-    type: 'title',
-    text: 'Conclusion',
-    level: 3,
-  },
-  {
-    type: 'paragraph',
-    html: 'The move from PNG to WebP is the most complete web image optimization available: you get lighter files, preserve transparency, and improve Core Web Vitals metrics without changing anything about your visual design. This tool does it instantly, for free, and completely privately - your images are processed in your browser and never travel to any external server.',
-  },
-];
-
+  bibliographyTitle: 'Bibliographic References',
+  faqTitle: 'Frequently Asked Questions',
+};
+
+const faq: PngAWebpLocaleContent['faq'] = [
+  {
+    question: 'Why convert PNG to WebP?',
+    answer:
+      'WebP offers up to 40% better compression than PNG at the same quality, while also supporting Alpha transparency. It is the format recommended by Google PageSpeed Insights.',
+  },
+  {
+    question: 'Is transparency lost in the process?',
+    answer:
+      'No. The technical implementation of WebP supports the alpha channel. The transparencies of the original PNG will be preserved in the new WebP file.',
+  },
+  {
+    question: 'Do my images go to any server?',
+    answer:
+      'No. The code runs exclusively in your browser (Client-Side). We never see, record or save the images you convert.',
+  },
+];
+
+const howTo: PngAWebpLocaleContent['howTo'] = [
+  {
+    name: 'Insert your PNGs',
+    text: 'Drop your large PNG files into the upload area or use the traditional interactive selector.',
+  },
+  {
+    name: 'Channel detection',
+    text: 'The local rendering engine will detect and export the pixel composition to the optimized WebP format.',
+  },
+  {
+    name: 'Direct Download',
+    text: 'Download your highly compressed WebP files individually or bundle them together using the ZIP package converter.',
+  },
+];
+
+const seo: PngAWebpLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'PNG to WebP Converter: Transparency and Modern Compression for the Web',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> has been the reference format for web images with transparency for decades - logos, icons, UI elements, product images on cut-out backgrounds. Its problem is file size: the lossless compression that guarantees quality also generates noticeably large files. Google\'s <strong>WebP</strong> solves this contradiction: it supports the alpha channel (transparency) <em>and</em> compresses far better than PNG, making the switch from PNG to WebP on your website a perfect optimization that sacrifices nothing.',
+  },
+  {
+    type: 'title',
+    text: 'PNG or WebP? When to use each format',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>PNG</strong> remains the right format when compatibility is critical: design tools like Photoshop or Figma, print workflows, legacy desktop applications, or any context where WebP support is not guaranteed. It is also the ideal format for saving working layers in editing pipelines, since its lossless compression preserves every pixel. The cost: files that can weigh 3-8 times more than their WebP equivalent.',
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>WebP</strong> is the natural replacement for PNG for all modern web content. Chrome, Firefox, Safari, and Edge all support it natively. A lossless WebP image is 26% smaller than the equivalent PNG; in lossy mode it can be up to 40% smaller with virtually indistinguishable visual quality. And crucially for web design: <strong>WebP preserves alpha transparency</strong> exactly like PNG, with no visual compromise.',
+  },
+  {
+    type: 'title',
+    text: 'Comparison: Local vs Cloud Conversion',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Converters',
+        description: 'Tools that upload your files to a remote server.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Network latency on upload and download',
+          'Your logos and images stored on third-party servers',
+          'File size limits and daily conversion caps',
+          'Intrusive ads and third-party trackers',
+        ],
+      },
+      {
+        title: 'Our Local Architecture',
+        description: 'Direct processing on your hardware using Vanilla JS technology.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Instant speed - zero network latency',
+          'Complete privacy - 0 bytes sent externally',
+          'No MB limits or file count restrictions',
+          'Clean interface, no ads or tracking',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'How it works technically',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'The PNG is loaded locally and decoded into an in-memory <strong>HTML5 Canvas</strong>. The Canvas API preserves the alpha channel from the original PNG - all transparent and semi-transparent pixels are maintained intact in the RGBA pixel buffer. The canvas is then exported by calling <code>toDataURL(\'image/webp\')</code>, which applies the browser\'s WebP codec (based on Google\'s libwebp) to generate a more compact file without altering the transparency data.',
+  },
+  {
+    type: 'paragraph',
+    html: 'WebP uses two compression modes: lossless mode for images where every pixel must be exactly faithful to the original, and lossy mode for photos and elements where small differences are imperceptible. Lossless mode produces files 26% smaller than PNG; lossy mode can achieve reductions of up to 40% compared to PNG while maintaining excellent visual quality.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip: WebP beats both PNG and JPG on the web',
+    html: 'WebP in lossless mode is smaller than PNG. WebP in lossy mode is smaller than JPG. This makes WebP the <strong>only format that replaces both</strong> in the web context. Convert your transparent PNGs to WebP before uploading: Google PageSpeed Insights detects it and scores it positively in "Serve images in modern formats" audits.',
+  },
+  {
+    type: 'title',
+    text: 'Use cases and compatibility',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Logos and icons with transparent backgrounds for websites and apps.',
+      'Product images with cut-out backgrounds in e-commerce stores.',
+      'CSS sprites and UI elements with alpha transparency.',
+      'Rasterized illustrations and vector graphics for landing pages.',
+      'Article thumbnails with transparent backgrounds in blogs and news portals.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusion',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'The move from PNG to WebP is the most complete web image optimization available: you get lighter files, preserve transparency, and improve Core Web Vitals metrics without changing anything about your visual design. This tool does it instantly, for free, and completely privately - your images are processed in your browser and never travel to any external server.',
+  },
+];
 
-export const content: PngAWebpLocaleContent = {
-  slug,
-  title,
-  description,
-  ui,
-  seo,
-  faq,
-  bibliography,
-  howTo,
-  schemas: generateSchemas({ title, description, inLanguage: 'en', faq, howTo }),
-};
+
+export const content: PngAWebpLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'en', faq, howTo }),
+};