@jjlmoya/utils-social 1.2.0 → 1.4.0

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

@@ -0,0 +1,211 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SocialImageResizerUI } from '../ui';
+
+const slug = 'bildgroesse-social-media-anpassen';
+const title = 'Bildgröße Social Media anpassen: Zuschneiden & Ändern für jede Plattform';
+const description =
+  'Passen Sie die Größe Ihrer Fotos für Instagram, TikTok, YouTube und mehr an. Intelligentes Zuschneiden mit aktualisierten offiziellen Maßen für 2026.';
+
+const faqData = [
+  {
+    question: 'Geht beim Ändern der Bildgröße die Qualität verloren?',
+    answer:
+      'Nein, wir verwenden hochwertige Glättungsalgorithmen. Es wird empfohlen, ein Originalbild mit einer Auflösung hochzuladen, die mindestens so groß wie das Zielformat ist.',
+  },
+  {
+    question: 'Ist es sicher, meine Fotos hier hochzuladen?',
+    answer:
+      'Absolut. Die Verarbeitung erfolgt lokal in Ihrem Browser mittels Canvas API. Ihre Fotos werden niemals an einen Server gesendet.',
+  },
+  {
+    question: 'Welche Formate werden unterstützt?',
+    answer:
+      'Wir unterstützen JPG, PNG, WebP und AVIF für den Upload. Downloads werden als hochwertige JPGs für maximale Kompatibilität optimiert.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Bild hochladen',
+    text: 'Ziehen Sie Ihre Datei per Drag & Drop hierher oder wählen Sie sie auf Ihrem Gerät aus.',
+  },
+  {
+    name: 'Format wählen',
+    text: 'Wählen Sie das gewünschte soziale Netzwerk und die Art der Veröffentlichung aus dem Seitenmenü.',
+  },
+  {
+    name: 'Anpassen und herunterladen',
+    text: 'Richten Sie Ihr Foto durch Ziehen aus und nutzen Sie den Zoom für den perfekten Ausschnitt. Klicken Sie abschließend auf Herunterladen.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliographyTitle: 'Referenzen',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Social Media Image Sizes Guide 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Social Media Bildgröße anpassen für jede Plattform',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Im heutigen digitalen Ökosystem ist der erste Eindruck visuell. Jedes soziale Netzwerk arbeitet mit spezifischen Algorithmen, die Inhalte bevorzugen, die nativ an ihre Proportionen angepasst sind. Unser Social Media Image Resizer ist nicht nur ein technisches Werkzeug – er ist Ihr Partner, um sicherzustellen, dass Ihre Botschaft ohne unerwünschte Zuschnitte oder Qualitätsverluste ankommt.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Egal, ob Sie ein Landschaftsfoto in ein markantes Hochformat für Instagram Stories umwandeln oder ein Design für ein komplexes YouTube-Banner anpassen müssen: Unser Tool nutzt ein intelligentes Zuschnittsystem, mit dem Sie Ihr Bild direkt im Browser präzise positionieren und skalieren können.',
+    },
+    {
+      type: 'title',
+      text: 'Offizielle Social Media Bildgrößen 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Quadratischer Post', body: '1080 × 1080 px · Verhältnis 1:1' },
+        { title: 'Instagram — Vertikaler Post', body: '1080 × 1350 px · Verhältnis 4:5' },
+        { title: 'TikTok / Reels — Vertikal', body: '1080 × 1920 px · Verhältnis 9:16' },
+        { title: 'YouTube — Thumbnail', body: '1280 × 720 px · Verhältnis 16:9' },
+        { title: 'YouTube Kanal Banner', body: '2560 × 1440 px · Verhältnis 16:9' },
+        { title: 'X (Twitter) Standard Post', body: '1200 × 675 px · Verhältnis 16:9' },
+        { title: 'LinkedIn Profil Header', body: '1584 × 396 px · Verhältnis 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'Das quadratische Format (1:1) bleibt ein Klassiker, aber das Hochformat (4:5) nimmt mehr Bildschirmfläche ein und generiert im Feed bis zu 30 % mehr Interaktionen.',
+        },
+        {
+          title: 'Short Form Content',
+          body: 'Für TikTok und Reels ist der Standard 9:16. Dieses immersive Format erfordert die perfekte Ausrichtung des zentralen Motivs, damit es nicht von der App-UI verdeckt wird.',
+        },
+        {
+          title: 'Visuelles Engagement',
+          body: 'Von Thumbnails bis zu Bannern: Jedes Bild hat Einfluss auf die Klickrate. Ein präziser Zuschnitt stellt sicher, dass Texte und Schlüsselelemente immer lesbar sind.',
+        },
+        {
+          title: 'Professionelles Branding',
+          body: 'In Netzwerken wie LinkedIn bedeutet Schärfe Autorität. Header benötigen spezifische Verhältnisse, um auf hochauflösenden Bildschirmen nicht pixelig zu wirken.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Warum das Seitenverhältnis wichtig ist',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Das Seitenverhältnis ist das proportionale Verhältnis zwischen Breite und Höhe eines Bildes. Wird es ignoriert, müssen Plattformen zoomen oder schwarze Balken hinzufügen, was die Ästhetik und die organische Reichweite beeinträchtigt.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Verhindert, dass Texte oder Logos von App-Icons abgeschnitten werden.',
+        'Erhält die optimale Pixeldichte ohne Verzerrung oder Streckung des Originalfotos.',
+        'Spart Zeit, indem alle offiziellen Maße in einem einzigen Web-Tool zentralisiert werden.',
+        'Verbessert die Ladegeschwindigkeit durch Erstellung von Dateien mit exakten Maßen.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Tipp zur Bildkomposition',
+      html: '<p>Nutzen Sie beim manuellen Verschieben die Drittel-Regel. Platzieren Sie das Hauptmotiv an einem der Schnittpunkte des Gitters für dynamischere und professionellere Ergebnisse.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Schritte zum perfekten Bildausschnitt',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Format wählen: Wählen Sie die Plattform und den Beitragstyp im Seitenmenü.',
+        'Bild hochladen: Ziehen Sie Ihre Datei in das Fenster oder nutzen Sie die Dateiauswahl.',
+        'Rahmen anpassen: Verschieben Sie das Foto im sichtbaren Bereich und nutzen Sie den Zoom.',
+        'Sofortiger Export: Klicken Sie auf Herunterladen, um Ihr Bild sofort zu erhalten.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Datenschutz und lokale Verarbeitung',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Ihre Privatsphäre ist uns wichtig. Dieser Resizer verarbeitet Bilder lokal in Ihrem Browser mittels Canvas API. Ihre Fotos werden niemals auf einen externen Server hochgeladen.',
+    },
+    {
+      type: 'title',
+      text: 'Professionelle Optimierung für Social Media',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Die professionelle Anpassung Ihrer visuellen Inhalte ist eine direkte Wachstumsstrategie. Unser Tool vereinfacht den Workflow für Ersteller und Community-Manager.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Social Formate',
+    uploadTitle: 'Bild hochladen',
+    uploadSubtitle: 'Foto hierher ziehen oder für Auswahl klicken',
+    btnReset: 'Zurücksetzen',
+    btnDownload: 'Bild herunterladen',
+  },
+};

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

@@ -3,7 +3,7 @@ import type { ToolLocaleContent } from '../../../types';
 import type { SocialImageResizerUI } from '../ui';
 
 const slug = 'social-media-image-resizer';
-const title = 'Social Media Image Resizer - Crop & Resize for Every Platform';
+const title = 'Social Media Image Resizer: Crop & Resize for Every Platform';
 const description =
   'Resize and crop your photos for Instagram, TikTok, YouTube and more. Smart cropping with updated official dimensions for 2026.';
 

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

@@ -0,0 +1,211 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SocialImageResizerUI } from '../ui';
+
+const slug = 'pengubah-ukuran-gambar-media-sosial';
+const title = 'Pengubah Ukuran Gambar Media Sosial: Potong & Ubah Ukuran untuk Setiap Platform';
+const description =
+  'Ubah ukuran dan potong foto Anda untuk Instagram, TikTok, YouTube, dan lainnya. Pemotongan cerdas dengan dimensi resmi terbaru untuk tahun 2026.';
+
+const faqData = [
+  {
+    question: 'Apakah kualitas gambar akan hilang saat mengubah ukuran?',
+    answer:
+      'Tidak, kami menggunakan algoritma penghalusan berkualitas tinggi. Disarankan untuk mengunggah gambar asli dengan resolusi yang sama atau lebih besar dari format target.',
+  },
+  {
+    question: 'Apakah aman mengunggah foto saya di sini?',
+    answer:
+      'Sangat aman. Pemrosesan dilakukan secara lokal di browser Anda menggunakan Canvas API. Foto Anda tidak pernah dikirim ke server mana pun.',
+  },
+  {
+    question: 'Format apa saja yang didukung?',
+    answer:
+      'Kami mendukung JPG, PNG, WebP, dan AVIF untuk pengunggahan. Unduhan dioptimalkan sebagai JPG berkualitas tinggi untuk kompatibilitas maksimum.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Unggah gambar Anda',
+    text: 'Seret file Anda atau telusuri perangkat Anda untuk memulai proses.',
+  },
+  {
+    name: 'Pilih format',
+    text: 'Pilih jejaring sosial dan jenis publikasi yang Anda butuhkan dari menu samping.',
+  },
+  {
+    name: 'Sesuaikan dan unduh',
+    text: 'Bingkai foto Anda dengan menyeretnya dan gunakan zoom untuk pemotongan yang sempurna. Jika sudah selesai, klik unduh.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'IDR' },
+  inLanguage: 'id',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  faq: faqData,
+  bibliographyTitle: 'Referensi',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Panduan Ukuran Gambar Media Sosial 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Pengubah Ukuran Gambar Media Sosial untuk Setiap Platform',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Dalam ekosistem digital saat ini, kesan pertama adalah visual. Setiap jejaring sosial beroperasi di bawah algoritma spesifik yang memprioritaskan konten yang diadaptasi secara asli ke proporsinya. Pengubah ukuran gambar media sosial kami bukan sekadar alat teknis — ini adalah sekutu Anda untuk memastikan pesan Anda sampai tanpa pemotongan yang tidak diinginkan atau kehilangan kualitas.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Baik Anda perlu mengonversi foto lanskap menjadi vertikal yang mencolok untuk Instagram Stories atau mengadaptasi desain untuk banner YouTube yang kompleks, utilitas kami menggunakan sistem pemotongan cerdas yang memungkinkan Anda memposisikan dan menskalakan gambar dengan presisi langsung di browser Anda.',
+    },
+    {
+      type: 'title',
+      text: 'Ukuran Gambar Media Sosial Resmi 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Postingan Kotak', body: '1080 × 1080 px · Rasio 1:1' },
+        { title: 'Instagram — Postingan Vertikal', body: '1080 × 1350 px · Rasio 4:5' },
+        { title: 'TikTok / Reels — Vertikal', body: '1080 × 1920 px · Rasio 9:16' },
+        { title: 'YouTube — Thumbnail', body: '1280 × 720 px · Rasio 16:9' },
+        { title: 'YouTube — Banner Channel', body: '2560 × 1440 px · Rasio 16:9' },
+        { title: 'X (Twitter) — Postingan Standar', body: '1200 × 675 px · Rasio 16:9' },
+        { title: 'LinkedIn — Sampul Profil', body: '1584 × 396 px · Rasio 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'Format kotak 1:1 tetap menjadi klasik, tetapi vertikal 4:5 memakan lebih banyak ruang layar dan menghasilkan keterlibatan hingga 30% lebih banyak di feed berita.',
+        },
+        {
+          title: 'Konten Bentuk Pendek',
+          body: 'Untuk TikTok dan Reels, standarnya adalah 9:16. Format imersif ini menuntut titik fokus sejajar sempurna untuk menghindari tertutup oleh UI aplikasi.',
+        },
+        {
+          title: 'Keterlibatan Visual',
+          body: 'Dari thumbnail hingga banner, setiap aset memiliki bobot tertentu dalam rasio klik-tayang. Pemotongan yang tepat memastikan teks dan elemen kunci selalu terbaca.',
+        },
+        {
+          title: 'Branding Profesional',
+          body: 'Pada jaringan profesional seperti LinkedIn, ketajaman adalah otoritas. Header memerlukan rasio spesifik agar tidak terlihat pecah pada layar kepadatan tinggi.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Mengapa Rasio Aspek Penting',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Rasio aspek adalah hubungan proporsional antara lebar dan tinggi sebuah gambar. Mengabaikannya memaksa platform untuk melakukan zoom atau menambahkan bilah hitam, yang merusak estetika dan jangkauan organik.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Mencegah teks atau logo terpotong oleh ikon aplikasi asli.',
+        'Mempertahankan kerapatan piksel optimal tanpa mendistorsi atau meregangkan foto asli.',
+        'Menghemat waktu dengan memusatkan semua pengukuran resmi dalam satu alat web.',
+        'Meningkatkan kecepatan pemuatan dengan menghasilkan file dengan berat dan dimensi yang tepat.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Tips Komposisi',
+      html: '<p>Saat menggunakan fitur seret manual kami, cobalah meletakkan subjek utama foto Anda di salah satu titik potong kisi. Ini menciptakan komposisi yang lebih dinamis dan profesional untuk jaringan sosial Anda.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Langkah-langkah untuk Pemotongan Sempurna',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Pilih format Anda: Pilih platform dan jenis publikasi dari menu samping.',
+        'Unggah gambar: Seret file Anda atau gunakan pemilih file untuk mengimpor foto Anda.',
+        'Sesuaikan bingkai: Seret foto di dalam area yang terlihat dan gunakan zoom untuk presisi.',
+        'Ekspor instan: Klik unduh untuk menyiapkan gambar Anda untuk diterbitkan.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Privasi dan Pemrosesan Lokal',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Privasi Anda mutlak. Pengubah ukuran ini memproses gambar secara lokal di browser Anda menggunakan Canvas API. Foto Anda tidak pernah diunggah ke server eksternal mana pun, menjamin keamanan lengkap dan kecepatan pemrosesan instan.',
+    },
+    {
+      type: 'title',
+      text: 'Optimasi Profesional untuk Media Sosia',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Mengadaptasi konten visual Anda secara profesional adalah strategi pertumbuhan langsung. Alat kami menyederhanakan alur kerja bagi kreator dan manajer komunitas, memastikan setiap postingan terlihat sempurna di perangkat dan platform apa pun.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Format Sosial',
+    uploadTitle: 'Unggah Gambar',
+    uploadSubtitle: 'Seret foto Anda ke sini atau klik untuk mencari',
+    btnReset: 'Atur Ulang',
+    btnDownload: 'Unduh Gambar',
+  },
+};

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

@@ -0,0 +1,211 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SocialImageResizerUI } from '../ui';
+
+const slug = 'ridimensiona-immagini-social-media';
+const title = 'Social Media Image Resizer: Ritaglia e Ridimensiona per ogni Piattaforma';
+const description =
+  'Ridimensiona e ritaglia le tue foto per Instagram, TikTok, YouTube e altri. Ritaglio intelligente con dimensioni ufficiali aggiornate al 2026.';
+
+const faqData = [
+  {
+    question: 'La qualità dell’immagine andrà persa durante il ridimensionamento?',
+    answer:
+      'No, utilizziamo algoritmi di smoothing ad alta qualità. Si raccomanda di caricare un’immagine originale con una risoluzione pari o superiore al formato di destinazione.',
+  },
+  {
+    question: 'È sicuro caricare le mie foto qui?',
+    answer:
+      'Completamente. L’elaborazione avviene localmente nel tuo browser tramite le API Canvas. Le tue foto non vengono mai inviate ad alcun server.',
+  },
+  {
+    question: 'Quali formati sono supportati?',
+    answer:
+      'Supportiamo il caricamento di JPG, PNG, WebP e AVIF. I download sono ottimizzati come JPG di alta qualità per la massima compatibilità.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Carica la tua immagine',
+    text: 'Trascina il tuo file o esplora il tuo dispositivo per iniziare il processo.',
+  },
+  {
+    name: 'Scegli il formato',
+    text: 'Seleziona il social network e il tipo di pubblicazione di cui hai bisogno dal menu laterale.',
+  },
+  {
+    name: 'Regola e scarica',
+    text: 'Inquadra la tua foto trascinandola e usa lo zoom per un ritaglio perfetto. Al termine, clicca su scarica.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'it',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Domande Frequenti',
+  faq: faqData,
+  bibliographyTitle: 'Riferimenti',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Social Media Image Sizes Guide 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Ridimensionatore di Immagini Social per ogni Piattaforma',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Nell'ecosistema digitale odierno, la prima impressione è visiva. Ogni social network opera secondo algoritmi specifici che privilegiano contenuti adattati nativamente alle proprie proporzioni. Il nostro ridimensionatore di immagini social non è solo uno strumento tecnico: è il tuo alleato per garantire che il tuo messaggio arrivi senza ritagli indesiderati o perdite di qualità.",
+    },
+    {
+      type: 'paragraph',
+      html: 'Sia che tu debba convertire una foto orizzontale in una d’impatto verticale per le Instagram Stories, o adattare un design per un complesso banner di YouTube, la nostra utility utilizza un sistema di ritaglio intelligente che ti permette di posizionare e scalare la tua immagine con precisione direttamente nel tuo browser.',
+    },
+    {
+      type: 'title',
+      text: 'Dimensioni Ufficiali Immagini Social 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Post Quadrato', body: '1080 × 1080 px · Rapporto 1:1' },
+        { title: 'Instagram — Post Verticale', body: '1080 × 1350 px · Rapporto 4:5' },
+        { title: 'TikTok / Reels — Verticale', body: '1080 × 1920 px · Rapporto 9:16' },
+        { title: 'YouTube — Thumbnail', body: '1280 × 720 px · Rapporto 16:9' },
+        { title: 'YouTube — Banner Canale', body: '2560 × 1440 px · Rapporto 16:9' },
+        { title: 'X (Twitter) — Post Standard', body: '1200 × 675 px · Rapporto 16:9' },
+        { title: 'LinkedIn — Copertina Profilo', body: '1584 × 396 px · Rapporto 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'Il formato quadrato 1:1 rimane un classico, ma il verticale 4:5 occupa più spazio sullo schermo e genera fino al 30% in più di engagement nel feed.',
+        },
+        {
+          title: 'Contenuti Short Form',
+          body: 'Per TikTok e Reels, lo standard è 9:16. Questo formato immersivo richiede che il punto focale sia perfettamente allineato per evitare di essere coperto dalla UI dell’app.',
+        },
+        {
+          title: 'Engagement Visivo',
+          body: 'Dalle miniature ai banner, ogni asset ha un peso specifico nel tasso di clic. Un ritaglio preciso assicura che il testo e gli elementi chiave siano sempre leggibili.',
+        },
+        {
+          title: 'Branding Professionale',
+          body: 'Sui network professionali come LinkedIn, la nitidezza è autorità. Gli header richiedono rapporti specifici per evitare di apparire sgranati su schermi ad alta densità.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Perché il Rapporto d’Aspetto è Importante',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Il rapporto d’aspetto è la relazione proporzionale tra la larghezza e l’altezza di un’immagine. Ignorarlo costringe le piattaforme a zoomare o aggiungere barre nere, il che penalizza l’estetica e la portata organica.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Impedisce che testi o loghi vengano tagliati dalle icone native delle app.',
+        'Mantiene la densità di pixel ottimale senza distorcere o allungare la foto originale.',
+        'Fa risparmiare tempo centralizzando tutte le misure ufficiali in un unico strumento web.',
+        'Migliora la velocità di caricamento generando file con peso e dimensioni esatte.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Consiglio di Composizione',
+      html: "<p>Quando usi la nostra funzione di trascinamento manuale, prova a posizionare il soggetto principale della tua foto in uno dei punti di intersezione della griglia. Questo crea composizioni più dinamiche e professionali per i tuoi social network.</p>",
+    },
+    {
+      type: 'title',
+      text: 'Passaggi per un Ritaglio Perfetto',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Seleziona il tuo formato: scegli la piattaforma e il tipo di pubblicazione dal menu laterale.',
+        'Carica l’immagine: trascina il file o usa il selettore per importare la tua foto.',
+        'Regola l’inquadratura: trascina la foto nell’area visibile e usa lo zoom per la precisione.',
+        'Esportazione istantanea: clicca su scarica per avere la tua immagine pronta da pubblicare.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Privacy ed Elaborazione Locale',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'La tua privacy è assoluta. Questo ridimensionatore elabora le immagini localmente nel tuo browser usando le API Canvas. Le tue foto non vengono mai caricate su alcun server esterno, garantendo sicurezza completa e velocità di elaborazione istantanea.',
+    },
+    {
+      type: 'title',
+      text: 'Ottimizzazione Professionale per i Social Media',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Adattare i tuoi contenuti visivi in modo professionale è una strategia di crescita diretta. Il nostro strumento semplifica il flusso di lavoro per creatori e community manager, assicurando che ogni post appaia perfetto su ogni dispositivo e piattaforma.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Formati Social',
+    uploadTitle: 'Carica Immagine',
+    uploadSubtitle: 'Trascina qui la tua foto o clicca per sfogliare',
+    btnReset: 'Reset',
+    btnDownload: 'Scarica Immagine',
+  },
+};