@jjlmoya/utils-converters 1.7.0 → 1.9.0

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'bild-zu-base64-konverter';
+const title = 'Bild zu Base64 Konverter Online';
+const description =
+  'Konvertieren Sie jedes Bild direkt in Ihrem Browser in Base64-Code und Data URI. Keine Dateiuploads. Kostenlos, privat und sofort.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Ziehen Sie Ihr Bild hierher',
+  dragSubtext: 'oder klicken Sie, um Ihre Dateien zu durchsuchen',
+  formatBadge: 'Unterstützt JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Bereit für CSS / HTML src="")',
+  base64Label: 'Nur Base64 (Reiner kodierter Text)',
+  copyBtn: 'Kopieren',
+  dataUriPlaceholder: 'Laden Sie ein Bild hoch, um den Data-URI-Code zu sehen...',
+  base64Placeholder: 'Laden Sie ein Bild hoch, um den reinen Base64-Code zu sehen...',
+  toastMessage: 'Code in die Zwischenablage kopiert!',
+  invalidImageAlert: 'Bitte laden Sie eine gültige Bilddatei hoch.',
+  bibliographyTitle: 'Literaturhinweise',
+  faqTitle: 'Häufig gestellte Fragen',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Was ist Base64 und wofür wird es in der Webentwicklung verwendet?',
+    answer:
+      'Base64 ist ein Kodierungssystem, das Binärdaten in eine ASCII-Textzeichenfolge umwandelt. In der Webentwicklung wird es verwendet, um Bilder über Data URIs direkt in HTML- oder CSS-Dateien einzubetten, wodurch die Anzahl der HTTP-Anfragen an den Server reduziert wird.',
+  },
+  {
+    question: 'Ist es sicher, meine Bilder hier in Base64 zu konvertieren?',
+    answer:
+      'Absolut sicher und privat. Unser Tool arbeitet zu 100 % lokal in Ihrem Browser. Ihre Bilder werden niemals auf einen externen Server hochgeladen oder dort verarbeitet.',
+  },
+  {
+    question: 'Welche Bildformate unterstützt der Base64-Konverter?',
+    answer:
+      'Das Tool ist kompatibel mit JPG, PNG, GIF, WebP und sogar SVG-Vektordateien. Beim Laden des Bildes wird automatisch der MIME-Typ erkannt, um den exakten Data-URI-Code zu generieren.',
+  },
+  {
+    question: 'Wann sollte ich Base64-Bilder NICHT verwenden?',
+    answer:
+      'Sie sollten Base64-Bilder nicht für große Fotos oder hochauflösende Bilder verwenden. Base64-Code beansprucht etwa 33 % mehr Speicherplatz als die ursprüngliche Binärdatei, was Ihre CSS-Stylesheets oder HTML-Dokumente übermäßig aufblähen kann.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Bild ziehen oder auswählen',
+    text: 'Verschieben Sie ein beliebiges Bild (JPG, PNG, WebP, SVG, GIF) in den Upload-Bereich, um die Konvertierung zu starten.',
+  },
+  {
+    name: 'Generierten Code kopieren',
+    text: 'Sie sehen zwei Textfelder: die vollständige Data URI (bereit zur Verwendung in src="" oder CSS) und das reine Base64 für andere Zwecke.',
+  },
+  {
+    name: 'Code in Ihrem Projekt verwenden',
+    text: 'Fügen Sie die Data URI direkt in den src-Attribut eines img-Tags oder in Ihr CSS als background-image ein, ohne externe Dateien zu benötigen.',
+  },
+];
+
+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 Kodierung RFC 4648',
+    url: 'https://datatracker.ietf.org/doc/html/rfc4648',
+  },
+];
+
+const seo: ImagenBase64LocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Bild-zu-Base64-Konverter: Bilder ohne HTTP-Anfragen einbetten',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 ist eine Kodierungstechnik, die Binärdaten – wie ein Bild – in eine reine ASCII-Textzeichenfolge transformiert. Das Ergebnis ist eine Data URI: eine in sich geschlossene URL, die mit <code>data:image/png;base64,...</code> beginnt und das gesamte kodierte Bild enthält. Durch das direkte Einbetten dieses Codes in Ihr HTML, CSS oder JSON wird das Bild ohne zusätzliche HTTP-Anfrage an den Server geladen – null Netzwerklatenz, sofortiges Laden.',
+  },
+  {
+    type: 'title',
+    text: 'Wann man Base64-Bilder verwendet',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Das Hauptargument für Base64 ist die Eliminierung von Netzwerkanfragen. Jedes Bild auf einer Webseite bedeutet eine HTTP-Anfrage mit dem entsprechenden Overhead für Verbindung, DNS, TLS-Handshake und Latenz. Bei sehr kleinen, kritischen Bildern – dem Hauptlogo der Anwendung, dem Favicon oder einem UI-Icon – eliminiert das Einbetten in Base64 in CSS oder HTML diese Kosten und garantiert eine sofortige Anzeige, noch bevor der Browser etwas zwischengespeichert hat.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Diese Technik ist besonders leistungsfähig in SPA-Anwendungen (Single Page Application), bei denen das JavaScript- und CSS-Bundle zur Build-Zeit generiert wird: Das Einbetten kleiner Bilder im Bundle garantiert, dass sie zusammen mit dem Code ohne zusätzliche Anfragen geladen werden. Es ist auch unverzichtbar für HTML-E-Mails, bei denen E-Mail-Clients externe Bilder blockieren, aber eingebettete Data URIs fast immer anzeigen.',
+  },
+  {
+    type: 'title',
+    text: 'Anwendungsfälle für Base64-Bilder',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML-Inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> für kritische Icons.',
+      'CSS-Hintergrund: <code>background-image: url("data:image/svg+xml;base64,...")</code> für UI-SVGs.',
+      'JSON und REST-APIs: Senden von Bildern als Textdaten in JSON-Payloads.',
+      'HTML-E-Mails: Eingebettete Bilder, die auch dann angezeigt werden, wenn der Client externe URLs blockiert.',
+      'SVG-Einbettung: Einbetten von Rasterbildern in SVG-Dateien als Inline-Daten.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Wie die Konvertierung im Browser funktioniert',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Wenn Sie ein Bild auswählen oder ziehen, liest die <code>FileReader</code>-API des Browsers es direkt von der Festplatte als Binärdaten in den RAM. Die Methode <code>readAsDataURL()</code> konvertiert diese Binärbytes mithilfe des RFC 4648-Algorithmus in ihre Base64-Darstellung – alle 3 Bytes der Originaldaten werden als 4 ASCII-Zeichen aus dem Base64-Alphabet dargestellt. Das Ergebnis enthält den automatisch erkannten korrekten MIME-Typ.',
+  },
+  {
+    type: 'tip',
+    title: 'Nur für kleine Bilder verwenden (unter 10 KB)',
+    html: 'Base64 erhöht die Dateigröße um etwa 33 %: Ein 10 KB großes Bild wird zu ca. 13,3 KB Text. Bei kleinen Icons und Logos ist dieser Aufwand minimal, und die Eliminierung der HTTP-Anfrage gleicht dies aus. Bei Fotos oder großen Bildern ist der Größen-Overhead signifikant – verwenden Sie für große Bilder immer ein CDN.',
+  },
+  {
+    type: 'title',
+    text: 'Wann Base64 NICHT verwendet werden sollte',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Vermeiden Sie Base64 für große Bilder – nutzen Sie ein CDN',
+    html: 'Wenn Sie Bilder haben, die größer als 10-20 KB sind, schadet Base64 der Performance: Es bläht die HTML/CSS-Größe auf, verhindert, dass der Browser das Bild unabhängig zwischenspeichert, und blockiert das Rendering, während der Parser den riesigen String verarbeitet. Für große Bilder sollten Sie immer ein CDN mit entsprechenden Cache-Headern verwenden.',
+  },
+  {
+    type: 'title',
+    text: 'Kompatibilität und Datenschutz',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URIs sind mit 100 % der modernen Browser und den meisten E-Mail-Clients kompatibel. Unser Tool verarbeitet alles lokal über die FileReader-API – Ihre Bilder verlassen niemals Ihr Gerät. Damit eignet es sich für Unternehmensbilder, private Screenshots oder alle vertraulichen visuellen Inhalte, die Sie in Base64 konvertieren müssen.',
+  },
+  {
+    type: 'title',
+    text: 'Fazit: Das schnellste und privateste Einbettungs-Tool',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Das Konvertieren von Bildern in Base64 ist eine gezielte, aber sehr leistungsfähige Technik, wenn sie richtig angewendet wird. Verwenden Sie sie für kleine, kritische Bilder, bei denen null HTTP-Anfragen einen Unterschied machen, und vermeiden Sie sie für große Bilder, bei denen ein CDN immer gewinnt. Mit unserem Tool erhalten Sie die Data URI im Handumdrehen, ohne etwas auf einen Server hochzuladen.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
+};

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { ImageToBase64UI } from '../index';
 
 const slug = 'image-to-base64-converter';
@@ -154,16 +154,6 @@ const seo: ImagenBase64LocaleContent['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: ImagenBase64LocaleContent = {
   slug,
@@ -174,5 +164,5 @@ export const content: ImagenBase64LocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'en', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { ImageToBase64UI } from '../index';
 
 const slug = 'convertidor-imagen-base64';
@@ -154,16 +154,6 @@ const seo: ImagenBase64LocaleContent['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: 'es',
-};
 
 export const content: ImagenBase64LocaleContent = {
   slug,
@@ -174,5 +164,5 @@ export const content: ImagenBase64LocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'es', faq, howTo }),
 };

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

@@ -1,5 +1,5 @@
-import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
 import type { ImageToBase64UI } from '../index';
 
 const slug = 'convertisseur-image-base64';
@@ -154,16 +154,6 @@ const seo: ImagenBase64LocaleContent['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: 'fr',
-};
 
 export const content: ImagenBase64LocaleContent = {
   slug,
@@ -174,5 +164,5 @@ export const content: ImagenBase64LocaleContent = {
   faq,
   bibliography,
   howTo,
-  schemas: [appSchema as any],
+  schemas: generateSchemas({ title, description, inLanguage: 'fr', faq, howTo }),
 };

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'konverter-gambar-ke-base64';
+const title = 'Konverter Gambar ke Base64 Online';
+const description =
+  'Konversi gambar apa pun ke kode Base64 dan Data URI langsung di browser Anda. Tanpa pengunggahan file. Gratis, privat, dan instan.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Tarik gambar Anda ke sini',
+  dragSubtext: 'atau klik untuk menelusuri file Anda',
+  formatBadge: 'Mendukung JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Siap untuk CSS / HTML src="")',
+  base64Label: 'Hanya Base64 (Teks terenkripsi biasa)',
+  copyBtn: 'Salin',
+  dataUriPlaceholder: 'Unggah gambar untuk melihat kode Data URI...',
+  base64Placeholder: 'Unggah gambar untuk melihat kode Base64 murni...',
+  toastMessage: 'Kode disalin ke papan klip!',
+  invalidImageAlert: 'Silakan unggah file gambar yang valid.',
+  bibliographyTitle: 'Referensi Bibliografi',
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Apa itu Base64 dan apa kegunaannya dalam pengembangan web?',
+    answer:
+      'Base64 adalah sistem pengkodean yang mengubah data biner menjadi string teks ASCII. Dalam pengembangan web, ini digunakan untuk menyematkan gambar langsung di dalam file HTML atau CSS melalui Data URI, sehingga mengurangi jumlah permintaan HTTP ke server.',
+  },
+  {
+    question: 'Apakah aman mengonversi gambar saya ke Base64 di sini?',
+    answer:
+      'Sangat aman dan privat. Alat kami bekerja 100% secara lokal di browser Anda. Gambar Anda tidak pernah diunggah atau diproses di server eksternal mana pun.',
+  },
+  {
+    question: 'Format gambar apa saja yang didukung oleh konverter Base64?',
+    answer:
+      'Alat ini kompatibel dengan file JPG, PNG, GIF, WebP, dan bahkan file vektor SVG. Saat memuat gambar, alat ini akan secara otomatis mendeteksi tipe MIME-nya untuk menghasilkan kode Data URI yang tepat.',
+  },
+  {
+    question: 'Kapan saya sebaiknya TIDAK menggunakan gambar Base64?',
+    answer:
+      'Anda harus menghindari penggunaan gambar Base64 untuk foto besar atau gambar beresolusi tinggi. Kode Base64 memakan ruang sekitar 33% lebih banyak daripada file biner aslinya, yang dapat membuat stylesheet CSS atau dokumen HTML Anda membengkak secara berlebihan.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Tarik atau Pilih Gambar Anda',
+    text: 'Pindahkan gambar apa pun (JPG, PNG, WebP, SVG, GIF) ke area unggah untuk memulai konversi.',
+  },
+  {
+    name: 'Salin Kode yang Dihasilkan',
+    text: 'Anda akan melihat dua area teks: Data URI lengkap (siap digunakan di src="" atau CSS) dan Base64 murni untuk kegunaan lain.',
+  },
+  {
+    name: 'Gunakan Kode dalam Proyek Anda',
+    text: 'Tempelkan Data URI secara langsung ke src dari tag img atau di CSS Anda sebagai background-image tanpa memerlukan file eksternal.',
+  },
+];
+
+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: 'Konverter Gambar ke Base64: Sematkan Gambar Tanpa Permintaan HTTP',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 adalah teknik pengkodean yang mengubah data biner — seperti gambar — menjadi string teks ASCII murni. Hasilnya adalah Data URI: URL mandiri yang dimulai dengan <code>data:image/png;base64,...</code> dan berisi seluruh gambar yang dikodekan. Dengan menyematkan kode ini langsung di HTML, CSS, atau JSON Anda, gambar akan dimuat tanpa permintaan HTTP tambahan ke server — nol latensi jaringan, pemuatan instan.',
+  },
+  {
+    type: 'title',
+    text: 'Kapan menggunakan gambar Base64',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Argumen utama untuk Base64 adalah penghapusan permintaan jaringan. Setiap gambar pada halaman web berarti permintaan HTTP dengan overhead koneksi, DNS, jabat tangan TLS, dan latensi. Untuk gambar kritis yang sangat kecil — logo aplikasi utama, favicon, ikon UI — menyematkannya dalam Base64 di CSS atau HTML akan menghapus biaya tersebut dan menjamin gambar ditampilkan secara instan bahkan sebelum browser menyimpan apa pun di cache.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Teknik ini sangat ampuh dalam aplikasi SPA (Single Page Application) di mana bundle JavaScript dan CSS dibuat pada saat build: menyematkan gambar kecil dalam bundle menjamin gambar dimuat bersama dengan kode tanpa permintaan tambahan. Ini juga sangat penting untuk email HTML, di mana klien email memblokir gambar eksternal tetapi hampir selalu menampilkan Data URI yang disematkan.',
+  },
+  {
+    type: 'title',
+    text: 'Kasus penggunaan untuk gambar Base64',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> untuk ikon kritis.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> untuk SVG UI.',
+      'JSON dan API REST: kirim gambar sebagai data teks dalam payload JSON.',
+      'Email HTML: gambar yang disematkan yang ditampilkan bahkan ketika klien memblokir URL eksternal.',
+      'Penyematan SVG: sematkan gambar raster di dalam file SVG sebagai data inline.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Cara kerja konversi di browser',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Saat Anda memilih atau menarik gambar, API <code>FileReader</code> browser membacanya langsung dari disk sebagai data biner di RAM. Metode <code>readAsDataURL()</code> mengubah byte biner tersebut menjadi representasi Base64 menggunakan algoritme RFC 4648 — setiap 3 byte data asli direpresentasikan sebagai 4 karakter ASCII dari alfabet Base64. Hasilnya mencakup tipe MIME yang benar yang dideteksi secara otomatis.',
+  },
+  {
+    type: 'tip',
+    title: 'Gunakan hanya untuk gambar kecil (di bawah 10 KB)',
+    html: 'Base64 meningkatkan ukuran file sekitar 33%: gambar 10 KB menjadi teks ~13,3 KB. Untuk ikon dan logo kecil, biaya ini minimal dan penghapusan permintaan HTTP mengimbanginya. Untuk foto atau gambar besar, overhead ukurannya signifikan — selalu gunakan CDN untuk gambar besar.',
+  },
+  {
+    type: 'title',
+    text: 'Kapan TIDAK menggunakan Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Hindari Base64 untuk gambar besar — gunakan CDN sebagai gantinya',
+    html: 'Jika Anda memiliki gambar yang lebih besar dari 10-20 KB, Base64 merusak kinerja: ia membengkakkan ukuran HTML/CSS, mencegah browser menyimpan gambar secara independen di cache, dan memblokir rendering saat parser memproses string raksasa tersebut. Untuk gambar besar, selalu sajikan dari CDN dengan header cache yang sesuai.',
+  },
+  {
+    type: 'title',
+    text: 'Kompatibilitas dan privasi',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Data URI kompatibel dengan 100% browser modern dan sebagian besar klien email. Alat kami memproses semuanya secara lokal melalui API FileReader — gambar Anda tidak pernah meninggalkan perangkat Anda. Hal ini membuatnya cocok untuk gambar perusahaan, tangkapan layar pribadi, atau konten visual rahasia apa pun yang perlu Anda konversi ke Base64.',
+  },
+  {
+    type: 'title',
+    text: 'Kesimpulan: Alat penyematan tercepat dan paling privat',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Mengonversi gambar ke Base64 adalah teknik yang ditargetkan namun sangat ampuh jika diterapkan dengan benar. Gunakan untuk gambar kecil dan kritis di mana nol permintaan HTTP membuat perbedaan, dan hindari untuk gambar besar di mana CDN selalu menang. Dengan alat kami, Anda mendapatkan Data URI dalam sekejap, tanpa mengunggah apa pun ke server mana pun.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'id', faq, howTo }),
+};

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

@@ -0,0 +1,168 @@
+import type { ImagenBase64LocaleContent } from '../index';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { ImageToBase64UI } from '../index';
+
+const slug = 'convertitore-immagine-in-base64';
+const title = 'Convertitore da Immagine a Base64 Online';
+const description =
+  'Converti qualsiasi immagine in codice Base64 e Data URI direttamente nel tuo browser. Nessun caricamento di file. Gratuito, privato e istantaneo.';
+
+const ui: ImageToBase64UI = {
+  dragTitle: 'Trascina qui la tua immagine',
+  dragSubtext: 'o clicca per sfogliare i tuoi file',
+  formatBadge: 'Supporta JPG, PNG, WEBP, SVG, GIF',
+  dataUriLabel: 'Data URI (Pronto per CSS / HTML src="")',
+  base64Label: 'Solo Base64 (Testo codificato semplice)',
+  copyBtn: 'Copia',
+  dataUriPlaceholder: 'Carica un\'immagine per vedere il codice Data URI...',
+  base64Placeholder: 'Carica un\'immagine per vedere il codice Base64 puro...',
+  toastMessage: 'Codice copiato negli appunti!',
+  invalidImageAlert: 'Per favore carica un file immagine valido.',
+  bibliographyTitle: 'Riferimenti Bibliografici',
+  faqTitle: 'Domande Frequenti',
+};
+
+const faq: ImagenBase64LocaleContent['faq'] = [
+  {
+    question: 'Cos\'è Base64 e a cosa serve nello sviluppo web?',
+    answer:
+      'Base64 è un sistema di codifica che converte i dati binari in una stringa di testo ASCII. Nello sviluppo web, viene utilizzato per incorporare le immagini direttamente all\'interno di file HTML o CSS tramite Data URI, riducendo il numero di richieste HTTP al server.',
+  },
+  {
+    question: 'È sicuro convertire le mie immagini in Base64 qui?',
+    answer:
+      'Assolutamente sicuro e privato. Il nostro strumento funziona al 100% localmente nel tuo browser. Le tue immagini non vengono mai caricate o elaborate su alcun server esterno.',
+  },
+  {
+    question: 'Quali formati di immagine supporta il convertitore Base64?',
+    answer:
+      'Lo strumento è compatibile con file JPG, PNG, GIF, WebP e persino file vettoriali SVG. Al caricamento dell\'immagine, rileverà automaticamente il suo tipo MIME per generare l\'esatto codice Data URI.',
+  },
+  {
+    question: 'Quando NON dovrei usare immagini Base64?',
+    answer:
+      'Dovresti evitare di usare immagini Base64 per fotografie di grandi dimensioni o immagini ad alta risoluzione. Il codice Base64 occupa circa il 33% di spazio in più rispetto al file binario originale, il che può gonfiare eccessivamente i tuoi fogli di stile CSS o documenti HTML.',
+  },
+];
+
+const howTo: ImagenBase64LocaleContent['howTo'] = [
+  {
+    name: 'Trascina o Seleziona la tua Immagine',
+    text: 'Sposta qualsiasi immagine (JPG, PNG, WebP, SVG, GIF) nell\'area di caricamento per avviare la conversione.',
+  },
+  {
+    name: 'Copia il Codice Generato',
+    text: 'Vedrai due aree di testo: il Data URI completo (pronto per l\'uso in src="" o CSS) e il Base64 puro per altri usi.',
+  },
+  {
+    name: 'Usa il Codice nel tuo Progetto',
+    text: 'Incolla il Data URI direttamente nel src di un tag img o nel tuo CSS come background-image senza bisogno di file esterni.',
+  },
+];
+
+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: 'Convertitore da Immagine a Base64: Incorpora Immagini Senza Richieste HTTP',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: 'Base64 è una tecnica di codifica che trasforma i dati binari — come un\'immagine — in una stringa di testo ASCII pura. Il risultato è un Data URI: un URL autonomo che inizia con <code>data:image/png;base64,...</code> e contiene l\'intera immagine codificata. Incorporando questo codice direttamente nel tuo HTML, CSS o JSON, l\'immagine viene caricata senza alcuna richiesta HTTP aggiuntiva al server — latenza di rete zero, caricamento istantaneo.',
+  },
+  {
+    type: 'title',
+    text: 'Quando usare immagini Base64',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'L\'argomento principale a favore di Base64 è l\'eliminazione delle richieste di rete. Ogni immagine su una pagina web significa una richiesta HTTP con il suo overhead di connessione, DNS, handshake TLS e latenza. Per immagini critiche molto piccole — il logo principale dell\'applicazione, la favicon, un\'icona dell\'interfaccia utente — incorporarle in Base64 nel CSS o nell\'HTML elimina quel costo e garantisce che vengano visualizzate istantaneamente anche prima che il browser abbia memorizzato qualcosa in cache.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Questa tecnica è particolarmente potente nelle app SPA (Single Page Application) in cui il bundle JavaScript e CSS viene generato al momento della build: incorporare piccole immagini nel bundle garantisce che vengano caricate insieme al codice senza richieste aggiuntive. È anche indispensabile per le e-mail HTML, dove i client di posta bloccano le immagini esterne ma visualizzano quasi sempre i Data URI incorporati.',
+  },
+  {
+    type: 'title',
+    text: 'Casi d\'uso per le immagini Base64',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'HTML inline: <code>&lt;img src="data:image/png;base64,..."&gt;</code> per icone critiche.',
+      'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> per SVG della UI.',
+      'JSON e API REST: invia immagini come dati di testo nei payload JSON.',
+      'Email HTML: immagini incorporate che vengono visualizzate anche quando il client blocca gli URL esterni.',
+      'Incorporamento SVG: incorpora immagini raster all\'interno di file SVG come dati inline.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Come funziona la conversione nel browser',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Quando selezioni o trascini un\'immagine, l\'API <code>FileReader</code> del browser la legge direttamente dal disco come dati binari nella RAM. Il metodo <code>readAsDataURL()</code> converte quei byte binari nella loro rappresentazione Base64 utilizzando l\'algoritmo RFC 4648 — ogni 3 byte di dati originali sono rappresentati come 4 caratteri ASCII dall\'alfabeto Base64. Il risultato include il tipo MIME corretto rilevato automaticamente.',
+  },
+  {
+    type: 'tip',
+    title: 'Usalo solo per immagini piccole (sotto i 10 KB)',
+    html: 'Base64 aumenta la dimensione del file di circa il 33%: un\'immagine da 10 KB diventa circa 13,3 KB di testo. Per icone e logo piccoli questo costo è minimo e l\'eliminazione della richiesta HTTP lo compensa. Per fotografie o immagini di grandi dimensioni, il sovrapprezzo dimensionale è significativo — usa sempre una CDN per le immagini grandi.',
+  },
+  {
+    type: 'title',
+    text: 'Quando NON usare Base64',
+    level: 3,
+  },
+  {
+    type: 'tip',
+    title: 'Evita Base64 per immagini grandi — usa invece una CDN',
+    html: 'Se hai immagini più grandi di 10-20 KB, Base64 danneggia le prestazioni: gonfia la dimensione di HTML/CSS, impedisce al browser di memorizzare l\'immagine in cache in modo indipendente e blocca il rendering mentre il parser elabora la stringa gigante. Per le immagini grandi, servi sempre da una CDN con intestazioni di cache appropriate.',
+  },
+  {
+    type: 'title',
+    text: 'Compatibilità e privacy',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'I Data URI sono compatibili con il 100% dei browser moderni e la maggior parte dei client di posta elettronica. Il nostro strumento elabora tutto localmente tramite l\'API FileReader: le tue immagini non lasciano mai il tuo dispositivo. Questo lo rende adatto per immagini aziendali, screenshot privati o qualsiasi contenuto visivo riservato che hai bisogno di convertire in Base64.',
+  },
+  {
+    type: 'title',
+    text: 'Conclusione: Lo strumento di incorporamento più rapido e privato',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Convertire le immagini in Base64 è una tecnica mirata ma molto potente se applicata correttamente. Usala per immagini piccole e critiche dove l\'assenza di richieste HTTP fa la differenza, ed evitala per immagini grandi dove una CDN vince sempre. Con il nostro strumento, ottieni il Data URI in un istante, senza caricare nulla su alcun server.',
+  },
+];
+
+
+export const content: ImagenBase64LocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'it', faq, howTo }),
+};