@jjlmoya/utils-converters 1.6.0 → 1.8.0

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'goruntuden-base64-e-donusturucu';
+const title = 'Görüntüden Base64\'e Online Dönüştürücü';
+const description =
+  'Herhangi bir görüntüyü doğrudan tarayıcınızda Base64 koduna ve Data URI\'ye dönüştürün. Dosya yüklemesi yok. Ücretsiz, özel ve anında.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Görüntünüzü buraya sürükleyin',
+  dragSubtext: 'veya dosyalarınıza göz atmak için tıklayın',
+  formatBadge: 'JPG, PNG, WEBP, SVG, GIF destekler',
+  dataUriLabel: 'Data URI (CSS / HTML src="" için hazır)',
+  base64Label: 'Yalnızca Base64 (Düz kodlanmış metin)',
+  copyBtn: 'Kopyala',
+  dataUriPlaceholder: 'Data URI kodunu görmek için bir görüntü yükleyin...',
+  base64Placeholder: 'Saf Base64 kodunu görmek için bir görüntü yükleyin...',
+  toastMessage: 'Kod panoya kopyalandı!',
+  invalidImageAlert: 'Lütfen geçerli bir görüntü dosyası yükleyin.',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Base64 nedir ve web geliştirmede ne için kullanılır?',
+    answer:
+      'Base64, ikili verileri bir ASCII metin dizisine dönüştüren bir kodlama sistemidir. Web geliştirmede, görüntüleri Data URI\'ler aracılığıyla doğrudan HTML veya CSS dosyalarına gömerek sunucuya yapılan HTTP isteklerinin sayısını azaltmak için kullanılır.',
+  },
+  {
+    question: 'Görüntülerimi burada Base64\'e dönüştürmek güvenli mi?',
+    answer:
+      'Kesinlikle güvenli ve özel. Aracımız tarayıcınızda %100 yerel olarak çalışır. Görüntüleriniz asla harici bir sunucuya yüklenmez veya işlenmez.',
+  },
+  {
+    question: 'Base64 dönüştürücü hangi görüntü formatlarını destekler?',
+    answer:
+      'Araç JPG, PNG, GIF, WebP ve hatta SVG vektör dosyalarıyla uyumludur. Görüntü yüklendiğinde, tam Data URI kodunu oluşturmak için MIME türünü otomatik olarak algılar.',
+  },
+  {
+    question: 'Base64 görüntüleri ne zaman kullanmamalıyım?',
+    answer:
+      'Büyük fotoğraflar veya yüksek çözünürlüklü görüntüler için Base64 görüntüleri kullanmaktan kaçınmalısınız. Base64 kodu, orijinal ikili dosyadan yaklaşık %33 daha fazla yer kaplar ve bu da CSS stil sayfalarınızı veya HTML belgelerinizi aşırı derecede şişirebilir.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Görüntünüzü Sürükleyin veya Seçin',
+    text: 'Dönüştürmeyi başlatmak için herhangi bir görüntüyü (JPG, PNG, WebP, SVG, GIF) yükleme alanına taşıyın.',
+  },
+  {
+    name: 'Oluşturulan Kodu Kopyalayın',
+    text: 'İki metin alanı göreceksiniz: tam Data URI (src="" veya CSS\'de kullanıma hazır) ve diğer kullanımlar için saf Base64.',
+  },
+  {
+    name: 'Kodu Projenizde Kullanın',
+    text: 'Data URI\'yi, harici dosyalara ihtiyaç duymadan bir img etiketinin src\'sine veya CSS\'nize background-image olarak doğrudan yapıştırın.',
+  },
+];
+
+const bibliography: ImagenBase64LocaleContent['bibliography'] = [
+  {
+    name: 'MDN Web Docs: Data URIs',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
+  },
+  {
+    name: 'Base64 Encoding RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Görüntüden Base64\'e Dönüştürücü: HTTP İstekleri Olmadan Görüntüleri Gömün',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64, bir görüntü gibi ikili verileri saf bir ASCII metin dizisine dönüştüren bir kodlama tekniğidir. Sonuç bir Data URI\'dir: <code>data:image/png;base64,...</code> ile başlayan ve kodlanmış görüntünün tamamını içeren bağımsız bir URL. Bu kodu doğrudan HTML, CSS veya JSON\'unuza gömerek, görüntü sunucuya ek bir HTTP isteği olmadan yüklenir; sıfır ağ gecikmesi, anında yükleme.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 görüntüleri ne zaman kullanılır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 lehine en büyük argüman, ağ isteklerinin ortadan kaldırılmasıdır. Bir web sayfasındaki her görüntü, bağlantı, DNS, TLS anlaşması ve gecikme yüküyle birlikte bir HTTP isteği anlamına gelir. Çok küçük kritik görüntüler (ana uygulama logosu, favicon, bir kullanıcı arayüzü simgesi) için bunları CSS veya HTML\'de Base64 olarak gömmek bu maliyeti ortadan kaldırır ve tarayıcı henüz hiçbir şeyi önbelleğe almadan önce anında görüntülenmelerini garanti eder.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Bu teknik, JavaScript ve CSS paketinin derleme zamanında oluşturulduğu SPA (Tek Sayfalı Uygulama) uygulamalarında özellikle güçlüdür: küçük görüntüleri pakete gömmek, ek istekler olmadan kodla birlikte yüklenmelerini garanti eder. Ayrıca, posta istemcilerinin harici görüntüleri engellediği ancak gömülü Data URI\'leri neredeyse her zaman görüntülediği HTML e-postaları için de vazgeçilmezdir.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 görüntüleri için kullanım durumları',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML satır içi: Kritik simgeler için <code>&lt;img src="data:image/png;base64,..."&gt;</code>.',
+      'CSS arka planı: Kullanıcı arayüzü SVG\'leri için <code>background-image: url("data:image/svg+xml;base64,...")</code>.',
+      'JSON ve REST API\'ler: Görüntüleri JSON yüklerinde metin verisi olarak gönderin.',
+      'HTML e-postaları: İstemci harici URL\'leri engellediğinde bile görüntülenen gömülü görüntüler.',
+      'SVG gömme: Raster görüntüleri satır içi veri olarak SVG dosyalarının içine gömün.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Dönüşüm tarayıcıda nasıl çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Bir görüntü seçtiğinizde veya sürüklediğinizde, tarayıcının <code>FileReader</code> API\'si görüntüyü doğrudan diskten RAM\'deki ikili veriler olarak okur. <code>readAsDataURL()</code> yöntemi, bu ikili baytları RFC 4648 algoritmasını kullanarak Base64 gösterimlerine dönüştürür; orijinal verilerin her 3 baytı Base64 alfabesinden 4 ASCII karakteri olarak temsil edilir. Sonuç, otomatik olarak algılanan doğru MIME türünü içerir.',
+  },
+  {
+    type: 'tip',
+    title: 'Yalnızca küçük görüntüler için kullanın (10 KB\'ın altında)',
+    html: 'Base64 dosya boyutunu yaklaşık %33 artırır: 10 KB\'lık bir görüntü ~13,3 KB mtn haline gelir. Küçük simgeler ve logolar için bu maliyet minimumdur ve HTTP isteğinin ortadan kaldırılması bunu telafi eder. Fotoğraflar veya büyük görüntüler için boyut yükü önemlidir; büyük görüntüler için her zaman bir CDN kullanın.',
+  },
+  {
+    type: 'title',
+    text: 'Base64 ne zaman KULLANILMAZ',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Büyük görüntüler için Base64\'ten kaçının — bunun yerine bir CDN kullanın',
+    html: '10-20 KB\'tan daha büyük görüntüleriniz varsa, Base64 performansa zarar verir: HTML/CSS boyutunu şişirir, tarayıcının görüntüyü bağımsız olarak önbelleğe almasını engeller ve ayrıştırıcı devasa dizeyi işlerken oluşturmayı engeller. Büyük görüntüler için her zaman uygun önbellek başlıklarına sahip bir CDN\'den sunun.',
+  },
+  {
+    type: 'title',
+    text: 'Uyumluluk ve gizlilik',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI\'ler, modern tarayıcıların %100\'ü ve çoğu e-posta istemcisiyle uyumludur. Aracımız her şeyi FileReader API aracılığıyla yerel olarak işler; görüntüleriniz asla cihazınızdan ayrılmaz. Bu, kurumsal görüntüler, özel ekran görüntüleri veya Base64\'e dönüştürmeniz gereken herhangi bir gizli görsel içerik için uygun hale getirir.',
+  },
+  {
+    type: 'title',
+    text: 'Sonuç: En hızlı ve en özel gömme aracı',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Görüntüleri Base64\'e dönüştürmek, doğru uygulandığında hedeflenen ancak çok güçlü bir tekniktir. Sıfır HTTP isteğinin fark yarattığı küçük, kritik görüntüler için kullanın ve bir CDN\'nin her zaman kazandığı büyük görüntüler için bundan kaçının. Aracımızla, herhangi bir sunucuya hiçbir şey yüklemeden anında Data URI alırsınız.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'image-to-base64-converter';
+const title = '图片转 Base64 转换器在线版';
+const description =
+  '直接在浏览器中将任何图片转换为 Base64 代码和 Data URI。无需上传文件。免费、私密且即时。';
+
+const ui: ImageToBase64UI = {
+  dragTitle: '将图片拖到此处',
+  dragSubtext: '或点击浏览文件',
+  formatBadge: '支持 JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (适用于 CSS / HTML src="")',
+  base64Label: '仅 Base64 (纯编码文本)',
+  copyBtn: '复制',
+  dataUriPlaceholder: '上传图片以查看 Data URI 代码...',
+  base64Placeholder: '上传图片以查看纯 Base64 代码...',
+  toastMessage: '代码已复制到剪贴板！',
+  invalidImageAlert: '请上传有效的图片文件。',
+  bibliographyTitle: '参考文献',
+  faqTitle: '常见问题',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: '什么是 Base64，它在 Web 开发中有什么用途？',
+    answer:
+      'Base64 是一种将二进制数据转换为 ASCII 文本字符串的编码系统。在 Web 开发中, 它用于通过 Data URI 直接在 HTML 或 CSS 文件中嵌入图片, 从而减少对服务器的 HTTP 请求数量。',
+  },
+  {
+    question: '在这里将我的图片转换为 Base64 安全吗？',
+    answer:
+      '绝对安全且私密。我们的工具在您的浏览器中 100% 本地运行。您的图片绝不会被上传或在任何外部服务器上处理。',
+  },
+  {
+    question: 'Base64 转换器支持哪些图片格式？',
+    answer:
+      '该工具兼容 JPG, PNG, GIF, WebP 甚至 SVG 矢量文件。在加载图片时, 它会自动检测其 MIME 类型以生成准确的 Data URI 代码。',
+  },
+  {
+    question: '什么时候不应该使用 Base64 图片？',
+    answer:
+      '应避免对大型照片或高分辨率图片使用 Base64 图片。Base64 代码占用的空间比原始二进制文件多约 33%, 这可能会导致您的 CSS 样式表或 HTML 文档极度膨胀。',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: '拖拽或选择您的图片',
+    text: '将任何图片 (JPG, PNG, WebP, SVG, GIF) 移动到上传区域以开始转换。',
+  },
+  {
+    name: '复制生成的代码',
+    text: '您将看到两个文本区域: 完整的 Data URI (准备用于 src="" 或 CSS) 以及用于其他用途的纯 Base64。',
+  },
+  {
+    name: '在项目中使用代码',
+    text: '直接将 Data URI 粘贴到 img 标签的 src 中或 CSS 的 background-image 中, 无需外部文件。',
+  },
+];
+
+const bibliography: ImagenBase64LocaleContent['bibliography'] = [
+  {
+    name: 'MDN Web Docs: Data URIs',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
+  },
+  {
+    name: 'Base64 Encoding RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: '图片转 Base64 转换器: 无需 HTTP 请求即可嵌入图片',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 是一种编码技术, 它将二进制数据 (如图片) 转换为纯 ASCII 文本字符串。结果是一个 Data URI: 一个以 <code>data:image/png;base64,...</code> 开头的自包含 URL, 包含整个编码后的图片。通过将此代码直接嵌入 HTML、CSS 或 JSON, 图片无需任何额外的服务器 HTTP 请求即可加载——零网络延迟, 即时加载。',
+  },
+  {
+    type: 'title',
+    text: '何时使用 Base64 图片',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '支持 Base64 的主要理由是消除网络请求。网页上的每张图片都意味着一次 HTTP 请求, 带有连接、DNS、TLS 握手和延迟的开销。对于非常小的关键图片——主应用程序图标、favicon、UI 图标——在 CSS 或 HTML 中以 Base64 嵌入可以消除该成本, 并保证它们即使在浏览器缓存任何内容之前也能立即显示。',
+  },
+  {
+    type: 'paragraph',
+    html: '这种技术在 SPA (单页面应用程序) 中尤其强大, 其中 JavaScript 和 CSS 包在构建时生成: 在包中嵌入小图片可保证它们与代码一起加载, 无需额外请求。它对于 HTML 电子邮件也必不可少, 邮邮件客户端会拦截外部图片, 但几乎总是显示嵌入的 Data URI。',
+  },
+  {
+    type: 'title',
+    text: 'Base64 图片的使用案例',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML 内联: 关键图标使用 <code>&lt;img src="data:image/png;base64,..."&gt;</code>。',
+      'CSS 背景: UI SVG 使用 <code>background-image: url("data:image/svg+xml;base64,...")</code>。',
+      'JSON 和 REST API: 在 JSON 负载中将图片作为文本数据发送。',
+      'HTML 电子邮件: 即使客户端拦截外部 URL 也会显示的嵌入式图片。',
+      'SVG 嵌入: 在 SVG 文件中将位图嵌入为内联数据。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '转换在浏览器中如何工作',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '当您选择或拖动图片时, 浏览器的 <code>FileReader</code> API 直接从磁盘读取图片作为 RAM 中的二进制数据。 <code>readAsDataURL()</code> 方法使用 RFC 4648 算法将这些二进制字节转换为其 Base64 表示形式——原始数据的每 3 个字节表示为 Base64 字母表中的 4 个 ASCII 字符。结果包含自动检测到的正确 MIME 类型。',
+  },
+  {
+    type: 'tip',
+    title: '仅对小图片使用 (10 KB 以下)',
+    html: 'Base64 会使文件大小增加约 33%: 10 KB 的图片变成约 13.3 KB 的文本。对于小图标和徽标, 此成本很小, 而消除 HTTP 请求可以弥补这一点。对于照片或大图片, 大小开销非常大——对于大图片, 请务必使用 CDN。',
+  },
+  {
+    type: 'title',
+    text: '何时不使用 Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: '大图片请避免使用 Base64——请改用 CDN',
+    html: '如果图片大于 10-20 KB, Base64 会损害性能: 它会使 HTML/CSS 大小膨胀, 阻止浏览器独立缓存图片, 并在解析器处理巨型字符串时阻塞渲染。对于大图片, 请务必使用带有适当缓存头的 CDN 服务。',
+  },
+  {
+    type: 'title',
+    text: '兼容性和私密性',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI 兼容 100% 的现代浏览器和大多数电子邮件客户端。我们的工具通过 FileReader API 在本地处理所有内容——您的图片绝不会离开您的设备。这使其适用于公司内部图片、私人截图或您需要转换为 Base64 的任何机密视觉内容。',
+  },
+  {
+    type: 'title',
+    text: '结论: 最快且最私密的嵌入工具',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '正确应用时, 将图片转换为 Base64 是一项有针对性但非常强大的技术。对于零 HTTP 请求能带来改变的小型、关键图片使用它, 对于 CDN 总是胜出的大型图片则应避免使用。使用我们的工具, 您可以立即获得 Data URI, 而无需上传任何内容至服务器。',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'zh', faq, howTo }),
+};

package/src/tool/imagenBase64/index.ts

@@ -30,6 +30,18 @@ export const imagenBase64: ConvertersToolEntry<ImageToBase64UI> = {
     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),
   },
 };
 

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

@@ -0,0 +1,183 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { JpgAIcoLocaleContent } from '../index';
+
+const slug = 'jpg-zu-ico-konverter';
+const title = 'JPG zu ICO Konverter';
+const description =
+  'Konvertieren Sie JPG-Fotos in ICO mit echten Microsoft-Binär-Headern. Automatischer quadratischer Zuschnitt. Keine Dateiuploads. Kostenlos und privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'JPG-Dateien hierher ziehen...',
+  convertText: 'Um sie sofort in ICO zu konvertieren',
+  selectFiles: 'Dateien auswählen',
+  processedFiles: 'Verarbeitete Dateien',
+  downloadAll: 'Alles herunterladen (.zip)',
+  pending: 'Ausstehend',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: JpgAIcoLocaleContent['faq'] = [
+  {
+    question: 'Ist die resultierende ICO-Datei nativ kompatibel, um Windows Ordner anzupassen?',
+    answer:
+      'Ja, wir erstellen eine zu 100 % authentische Datei im Microsoft-Icon-Format, indem wir einen standardisierten Binär-Header auf niedriger Ebene in die Bildmatrix einfügen.',
+  },
+  {
+    question: 'Was passiert mit dem Seitenverhältnis, wenn mein Original-JPG ein Panoramafoto ist?',
+    answer:
+      'Der starre globale ICO-Standard erfordert zwingend ein perfekt quadratisches Bild. Unsere HTML5 JS Engine wird Ihr Foto zentrieren und den Überschuss abschneiden, um ein ausgewogenes Ergebnis zu garantieren.',
+  },
+  {
+    question: 'Ist es gefährlich, Firmenlogos oder persönliche JPGs in den Konverter hochzuladen?',
+    answer:
+      'Die Canvas-Engine in JavaScript arbeitet in Ihrem eigenen Browser. Das Konvertieren von Hunderten von Fotos in ICO sendet kein einziges Megabyte an eine Cloud in fragwürdigen Ländern.',
+  },
+];
+
+const howTo: JpgAIcoLocaleContent['howTo'] = [
+  {
+    name: 'Original-JPG-Fotos sammeln',
+    text: 'Suchen und sammeln Sie die herkömmlichen Fotos und legen Sie sie durch Ablegen in unserem quadratischen Bereich ab.',
+  },
+  {
+    name: 'Erleben Sie die hexadezimale Reinigung',
+    text: 'Die Neu-Kodierung fügt nativ und schnell Metadaten und Header asynchron ein und generiert ein striktes, reines Icon im Speicher.',
+  },
+  {
+    name: 'Mehrere ZIP-Designs zusammenstellen',
+    text: 'Schließen Sie die Arbeit ab, indem Sie alles massenweise in einem kompakten Paket in nur wenigen Sekunden herunterladen.',
+  },
+];
+
+const bibliography: JpgAIcoLocaleContent['bibliography'] = [
+  {
+    name: 'ICO Ikonografische Struktur und Systemnutzung',
+    url: 'https://en.wikipedia.org/wiki/ICO_(file_format)',
+  },
+  {
+    name: 'JPEG.org Standards',
+    url: 'https://jpeg.org/',
+  },
+];
+
+const seo: JpgAIcoLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'JPG zu ICO Konverter: Erstellen Sie Favicons und Windows Icons aus Ihren Fotos',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Das <strong>ICO</strong>-Format ist der Microsoft-Standard für Symbole in Windows-Anwendungen und Favicons von Websites. Im Gegensatz zum einfachen Umbenennen eines JPG in .ico erfordert eine echte ICO-Datei eine spezifische binäre Struktur mit 22-Byte-Headern und einem eingebetteten Bildverzeichnis. <strong>JPG</strong> ist der am häufigsten gewählte Ausgangspunkt für die Erstellung dieser Icons – ein Firmenlogo, ein Profilfoto oder jedes Bild, das Sie zum visuellen Erkennungsmerkmal Ihrer Anwendung oder Website machen möchten.',
+  },
+  {
+    type: 'title',
+    text: 'JPG oder ICO? Wann welches Format zu verwenden ist',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>JPG</strong> ist ein Quellformat, kein Zielformat für Symbole. Es eignet sich hervorragend für Fotografien und Banner, ist jedoch inkompatibel mit Systemen, die Icons erfordern: Windows Explorer, die Lesezeichenleiste des Browsers, Desktop-Verknüpfungen oder PWA-Anwendungsmanifeste. Ein Betriebssystem oder Browser, der nach einem Icon sucht, erwartet das ICO-Format – und wenn es dieses nicht findet, wird ein generisches Symbol oder ein fehlerhaftes Quadrat angezeigt.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Das <strong>ICO</strong>-Format wurde entwickelt, um mehrere Auflösungen in einer einzigen Datei zu speichern: <strong>16×16</strong> für die Lesezeichenleiste, <strong>32×32</strong> für Verknüpfungen, <strong>48×48</strong> für den Datei-Explorer und <strong>256×256</strong> für hochauflösende Displays. Browser und Betriebssysteme wählen automatisch die passende Auflösung basierend auf dem Anzeigekontext aus – der Benutzer muss nichts weiter tun.',
+  },
+  {
+    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 Firmenlogos 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: 'Das JPG wird dekodiert und auf ein im Speicher befindliches <strong>HTML5 Canvas</strong> gezeichnet. Da das ICO-Format ein quadratisches Bild erfordert, erkennt die Engine automatisch, ob das JPG rechteckig ist, und schneidet es zu, indem sie den relevantesten Teil zentriert. Anschließend wird der Standard-Microsoft-ICO-Header mit der korrekten Magic Number (<code>00 00 01 00</code>), dem Bildverzeichnis und den kodierten Pixeldaten erstellt. Das Ergebnis ist eine echte binäre .ico-Datei – kein umbenanntes PNG.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Da JPG kein Alpha-Kanal besitzt, wird das resultierende ICO ebenfalls keine Transparenz aufweisen – es wird einen soliden Hintergrund haben, der vom Originalfoto übernommen wurde. Wenn Sie ein Favicon mit transparentem Hintergrund benötigen (zum Beispiel zur Anpassung an dunkle oder helle Lesezeichenleisten), ist der empfohlene Arbeitsablauf: Hintergrund in einem Editor entfernen, als PNG speichern und den PNG zu ICO Konverter verwenden.',
+  },
+  {
+    type: 'tip',
+    title: 'Tipp: Mehrere Auflösungen in einer einzigen ICO Datei',
+    html: 'ICO-Dateien können <strong>mehrere Auflösungen</strong> in einer einzigen Datei packen – der Browser oder das Betriebssystem wählt automatisch die passendste für den jeweiligen Kontext aus. Für das bestmögliche Ergebnis verwenden Sie ein quadratisches JPG mit mindestens <strong>256×256 Pixeln</strong> als Quelle: Dies gibt dem Konverter genügend Informationen, um scharfe 16×16, 32×32 und 48×48 Größen ohne Verpixelung zu generieren.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle und Kompatibilität',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Website-Favicon: Kompatibel mit allen Browsern, einschließlich Internet Explorer.',
+      'Anpassung von Ordnern und Desktop-Icons in Windows 10/11.',
+      'Verknüpfungssymbol für Desktop-Anwendungen oder Installer.',
+      'Anwendungssymbol für Electron-Projekte oder PWA-Anwendungen.',
+      'Icons für Dateiverwaltungssysteme und Firmen-Explorer.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Fazit',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Die Konvertierung von JPG in ICO ist ein technisch wesentlicher Schritt für jedes Web- oder Desktop-Projekt, das eine erkennbare visuelle Identität benötigt. Dieses Tool generiert authentische ICOs mit der korrekten binären Struktur in Sekunden, ohne Ihr Logo auf einen externen Server hochzuladen. Das Ergebnis funktioniert in allen Browsern, im Windows Explorer und in jedem System, das den Microsoft ICO-Standard nutzt.',
+  },
+];
+
+export const content: JpgAIcoLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'de',
+    faq,
+    howTo,
+  }),
+};

package/src/tool/jpgAIco/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 { JpgAIcoLocaleContent } from '../index';
 
 const slug = 'jpg-to-ico-converter';
@@ -164,17 +164,6 @@ const seo: JpgAIcoLocaleContent['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: JpgAIcoLocaleContent = {
   slug,
   title,
@@ -184,5 +173,11 @@ export const content: JpgAIcoLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'en',
+    faq,
+    howTo,
+  }),
 };

package/src/tool/jpgAIco/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 { JpgAIcoLocaleContent } from '../index';
 
 const slug = 'convertidor-jpg-a-ico';
@@ -126,16 +126,16 @@ const seo: JpgAIcoLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'El JPG se decodifica y se dibuja en un <strong>Canvas HTML5</strong> en memoria. Como el formato ICO exige imagen cuadrada, el motor detecta automáticamente si el JPG es rectangular y lo recorta centrando la parte más relevante. A continuación, construye la cabecera ICO estándar de Microsoft con el número mágico correcto (<code>00 00 01 00</code>), el directorio de imágenes y los datos de píxeles codificados. El resultado es un archivo .ico binario genuino, no un PNG renombrado.',
+    html: 'El JPG se decodifica y se dibuja en un <strong>Canvas HTML5</strong> en memoria. Como el formato ICO exige imagen cuadrada, el motor detecta automáticamente si el JPG es rectangular und lo recorta centrando la parte más relevante. A continuación, construye la cabecera ICO estándar de Microsoft con el número mágico correcto (<code>00 00 01 00</code>), el directorio de imágenes und los datos de píxeles codificados. El resultado es un archivo .ico binario genuino, no un PNG renombrado.',
   },
   {
     type: 'paragraph',
-    html: 'Dado que el JPG carece de canal alfa, el ICO resultante tampoco tendrá transparencia — tendrá un fondo sólido heredado de la fotografía original. Si necesitas un favicon con fondo transparente (por ejemplo, para que se adapte a barras de favoritos oscuras o claras), el flujo recomendado es: elimina el fondo en un editor, guarda como PNG y usa el convertidor de PNG a ICO.',
+    html: 'Dado que el JPG carece de canal alfa, el ICO resultante tampoco tendrá transparencia — tendrá un fondo sólido heredado de la fotografía original. Si necesitas un favicon con fondo transparente (por ejemplo, para que se adapte a barras de favoritos oscuras o claras), el flujo recomendado es: elimina el fondo en un editor, guarda como PNG und usa el convertidor de PNG a ICO.',
   },
   {
     type: 'tip',
     title: 'Consejo: resoluciones múltiples en un solo ICO',
-    html: 'Los archivos ICO pueden empaquetar <strong>varias resoluciones</strong> en un único fichero — el navegador o el sistema operativo elige automáticamente la más adecuada según el contexto. Para el mejor resultado posible, usa como fuente un JPG cuadrado de al menos <strong>256×256 píxeles</strong>: así el convertidor tendrá suficiente información para generar con nitidez los tamaños 16×16, 32×32 y 48×48 sin pixelado.',
+    html: 'Los archivos ICO pueden empaquetar <strong>varias resoluciones</strong> en un único fichero — el navegador o el sistema operativo elige automáticamente la más adecuada según el contexto. Para el mejor resultado posible, usa como fuente un JPG cuadrado de al menos <strong>256×256 píxeles</strong>: así el convertidor tendrá suficiente información para generar con nitidez los tamaños 16×16, 32×32 und 48×48 sin pixelado.',
   },
   {
     type: 'title',
@@ -150,7 +150,7 @@ const seo: JpgAIcoLocaleContent['seo'] = [
       'Personalización de carpetas e iconos de escritorio en Windows 10/11.',
       'Icono de acceso directo para aplicaciones de escritorio o instaladores.',
       'Icono de aplicación para proyectos Electron o aplicaciones PWA.',
-      'Iconos para sistemas de gestión de archivos y exploradores corporativos.',
+      'Iconos para sistemas de gestión de archivos und exploradores corporativos.',
     ],
   },
   {
@@ -160,21 +160,10 @@ const seo: JpgAIcoLocaleContent['seo'] = [
   },
   {
     type: 'paragraph',
-    html: 'Convertir un JPG a ICO es un paso técnico imprescindible para cualquier proyecto web o de escritorio que necesite una identidad visual reconocible. Esta herramienta genera ICO auténticos con la estructura binaria correcta, en segundos, sin subir tu logo a ningún servidor externo. El resultado funciona en todos los navegadores, en Windows Explorer y en cualquier sistema que consuma el estándar ICO de Microsoft.',
+    html: 'Convertir un JPG a ICO es un paso técnico imprescindible para cualquier proyecto web o de escritorio que necesite una identidad visual reconocible. Esta herramienta genera ICO auténticos con la estructura binaria correcta, en segundos, sin subir tu logo a ningún servidor externo. El resultado funciona en todos los navegadores, en Windows Explorer und en cualquier sistema que consuma el estándar ICO de Microsoft.',
   },
 ];
 
-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: JpgAIcoLocaleContent = {
   slug,
   title,
@@ -184,5 +173,11 @@ export const content: JpgAIcoLocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({
+    title,
+    description,
+    inLanguage: 'es',
+    faq,
+    howTo,
+  }),
 };