@jjlmoya/utils-social 1.2.0 → 1.4.0

package/src/tool/socialImageResizer/i18n/sv.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 = 'andra-storlek-bilder-sociala-medier';
+const title = 'Social Media Image Resizer: Beskär & Ändra storlek för varje plattform';
+const description =
+  'Ändra storlek och beskär dina foton för Instagram, TikTok, YouTube och mer. Smart beskärning med uppdaterade officiella mått för 2026.';
+
+const faqData = [
+  {
+    question: 'Kommer bildkvaliteten att försämras vid storleksändring?',
+    answer:
+      'Nej, vi använder utjämningsalgoritmer av hög kvalitet. Det rekommenderas att ladda upp en originalbild med en upplösning som är lika med eller större än målformatet.',
+  },
+  {
+    question: 'Är det säkert att ladda upp mina foton här?',
+    answer:
+      'Helt säkert. Bearbetningen sker lokalt i din webbläsare med hjälp av Canvas API. Dina bilder skickas aldrig till någon server.',
+  },
+  {
+    question: 'Vilka format stöds?',
+    answer:
+      'Vi stödjer uppladdning av JPG, PNG, WebP och AVIF. Nedladdningar optimeras som högkvalitativa JPG-filer för maximal kompatibilitet.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Ladda upp din bild',
+    text: 'Dra din fil eller sök på din enhet för att starta processen.',
+  },
+  {
+    name: 'Välj format',
+    text: 'Välj den sociala nätverkstjänst och typ av publicering du behöver från sidomenyn.',
+  },
+  {
+    name: 'Justera och ladda ner',
+    text: 'Rama in ditt foto genom att dra det och använd zoom för en perfekt beskärning. När du är klar klickar du på ladda ner.',
+  },
+];
+
+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: 'SEK' },
+  inLanguage: 'sv',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Vanliga frågor',
+  faq: faqData,
+  bibliographyTitle: 'Referenser',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Guide för bildstorlekar på sociala medier 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Social Media Image Resizer för varje plattform',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'I dagens digitala ekosystem är det första intrycket visuellt. Varje socialt nätverk arbetar under specifika algoritmer som prioriterar innehåll som är inbyggt anpassat till dess proportioner. Vår bildstorleksändrare för sociala medier är inte bara ett tekniskt verktyg – det är din partner för att säkerställa att ditt budskap når fram utan oönskad beskärning eller kvalitetsförlust.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Oavsett om du behöver konvertera ett landskapsfoto till ett slående vertikalt format för Instagram Stories eller anpassa en design för en komplex YouTube-banner, använder vårt verktyg ett smart beskärningssystem som låter dig placera och skala din bild med precision direkt i din webbläsare.',
+    },
+    {
+      type: 'title',
+      text: 'Officiella bildstorlekar för sociala medier 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Kvadratiskt inlägg', body: '1080 × 1080 px · Ratio 1:1' },
+        { title: 'Instagram — Vertikalt inlägg', body: '1080 × 1350 px · Ratio 4:5' },
+        { title: 'TikTok / Reels — Vertikalt', body: '1080 × 1920 px · Ratio 9:16' },
+        { title: 'YouTube — Miniatyrbild', body: '1280 × 720 px · Ratio 16:9' },
+        { title: 'YouTube — Kanalbanner', body: '2560 × 1440 px · Ratio 16:9' },
+        { title: 'X (Twitter) — Standardinlägg', body: '1200 × 675 px · Ratio 16:9' },
+        { title: 'LinkedIn — Profilomslag', body: '1584 × 396 px · Ratio 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'Det kvadratiska 1:1-formatet förblir en klassiker, men det vertikala 4:5-formatet tar upp mer skärmyta och genererar upp till 30 % mer engagemang i nyhetsflödet.',
+        },
+        {
+          title: 'Short Form innehåll',
+          body: 'För TikTok och Reels är standarden 9:16. Detta uppslukande format kräver att motivet är perfekt centrerat för att undvika att täckas av appens gränssnitt.',
+        },
+        {
+          title: 'Visuellt engagemang',
+          body: 'Från miniatyrbilder till banners, varje bild spelar en viktig roll för klickfrekvensen. Exakt beskärning säkerställer att text och nyckelelement alltid är läsbara.',
+        },
+        {
+          title: 'Professionell profilering',
+          body: 'På professionella nätverk som LinkedIn innebär skärpa auktoritet. Rubriker kräver specifika förhållanden för att undvika att se pixliga ut på högupplösta skärmar.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Varför bildförhållandet är viktigt',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Bildförhållande (aspect ratio) är det proportionella förhållandet mellan en bilds bredd och höjd. Om man ignorerar det tvingas plattformar att zooma in eller lägga till svarta fält, vilket skadar estetiken och den organiska räckvidden.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Förhindrar att text eller logotyper särs av app-ikoner.',
+        'Behåller optimal pixeltäthet utan att förvränga eller sträcka ut originalbilden.',
+        'Sparar tid genom att samla alla officiella mått i ett enda webbverktyg.',
+        'Förbättrar laddhastigheten genom att generera filer med exakt storlek och mått.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Kompositionstips',
+      html: '<p>När du använder vår manuella dra-funktion, försök placera bildens huvudmotiv vid en av stödlinjernas skärningspunkter. Detta skapar mer dynamiska och professionella kompositioner för dina sociala medier.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Steg för en perfekt beskärning',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Välj format: Välj plattform och typ av inlägg från sidomenyn.',
+        'Ladda upp bilden: Dra din fil eller använd filväljaren för att importera din bild.',
+        'Justera ramen: Dra fotot inom det synliga området och använd zoom för precision.',
+        'Snabb export: Klicka på ladda ner för att få din bild klar att publiceras.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Integritet och lokal bearbetning',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Din integritet är total. Detta verktyg bearbetar bilder lokalt i din webbläsare med hjälp av Canvas API. Dina bilder laddas aldrig upp till någon extern server, vilket garanterar fullständig säkerhet och omedelbar snabbhet.',
+    },
+    {
+      type: 'title',
+      text: 'Professionell optimering för sociala medier',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Att anpassa ditt visuella innehåll professionellt är en direkt tillväxtstrategi. Vårt verktyg förenklar arbetsflödet för kreatörer och community managers, så att varje inlägg ser perfekt ut på alla enheter.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Sociala format',
+    uploadTitle: 'Ladda upp bild',
+    uploadSubtitle: 'Dra ditt foto hit eller klicka för att välja',
+    btnReset: 'Återställ',
+    btnDownload: 'Ladda ner bild',
+  },
+};

package/src/tool/socialImageResizer/i18n/tr.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 = 'sosyal-medya-resim-boyutlandirici';
+const title = 'Sosyal Medya Resim Boyutlandırıcı: Her Platform İçin Kırp ve Boyutlandır';
+const description =
+  'Instagram, TikTok, YouTube ve daha fazlası için fotoğraflarınızı boyutlandırın ve kırpın. 2026 için güncellenmiş resmi boyutlarla akıllı kırpma.';
+
+const faqData = [
+  {
+    question: 'Boyutlandırma sırasında görüntü kalitesi kaybolur mu?',
+    answer:
+      'Hayır, yüksek kaliteli yumuşatma algoritmaları kullanıyoruz. Hedef formata eşit veya bu formattan daha büyük çözünürlüğe sahip orijinal bir resim yüklemeniz önerilir.',
+  },
+  {
+    question: 'Fotoğraflarımı buraya yüklemek güvenli mi?',
+    answer:
+      'Tamamen. İşleme, Canvas API kullanılarak tarayıcınızda yerel olarak yapılır. Fotoğraflarınız asla herhangi bir sunucuya gönderilmez.',
+  },
+  {
+    question: 'Hangi formatlar destekleniyor?',
+    answer:
+      'Yükleme için JPG, PNG, WebP ve AVIF formatlarını destekliyoruz. İndirmeler, maksimum uyumluluk için yüksek kaliteli JPG olarak optimize edilir.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Resminizi yükleyin',
+    text: 'İşlemi başlatmak için dosyanızı sürükleyin veya cihazınıza göz atın.',
+  },
+  {
+    name: 'Formatı seçin',
+    text: 'Yan menüden ihtiyacınız olan sosyal ağı ve yayın türünü seçin.',
+  },
+  {
+    name: 'Ayarla ve indir',
+    text: 'Fotoğrafınızı sürükleyerek çerçeveleyin ve mükemmel bir kırpma için yakınlaştırmayı kullanın. Bittiğinde indire tıklayın.',
+  },
+];
+
+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: 'TRY' },
+  inLanguage: 'tr',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Sıkça Sorulan Sorular',
+  faq: faqData,
+  bibliographyTitle: 'Referanslar',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Sosyal Medya Resim Boyutları Kılavuzu 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Her Platform İçin Sosyal Medya Resim Boyutlandırıcı',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Günümüzün dijital ekosisteminde ilk izlenimler görseldir. Her sosyal ağ, kendi oranlarına doğal olarak uyarlanmış içeriğe öncelik veren belirli algoritmalar altında çalışır. Sosyal medya resim boyutlandırıcımız sadece teknik bir araç değil; mesajınızın istenmeyen kırpmalar veya kalite kaybı olmadan ulaşmasını sağlamak için müttefikinizdir.",
+    },
+    {
+      type: 'paragraph',
+      html: 'İster bir manzara fotoğrafını Instagram Hikayeleri için çarpıcı bir dikey resme dönüştürmeniz, ister bir tasarımı karmaşık bir YouTube banner\'ına uyarlamanız gereksin, aracımız resminizi doğrudan tarayıcınızda hassasiyetle konumlandırmanıza ve ölçeklendirmenize olanak tanıyan akıllı bir kırpma sistemi kullanır.',
+    },
+    {
+      type: 'title',
+      text: 'Resmi Sosyal Medya Resim Boyutları 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Kare Gönderi', body: '1080 × 1080 px · Oran 1:1' },
+        { title: 'Instagram — Dikey Gönderi', body: '1080 × 1350 px · Oran 4:5' },
+        { title: 'TikTok / Reels — Dikey', body: '1080 × 1920 px · Oran 9:16' },
+        { title: 'YouTube — Küçük Resim', body: '1280 × 720 px · Oran 16:9' },
+        { title: 'YouTube — Kanal Banner\'ı', body: '2560 × 1440 px · Oran 16:9' },
+        { title: 'X (Twitter) — Standart Gönderi', body: '1200 × 675 px · Oran 16:9' },
+        { title: 'LinkedIn — Profil Kapağı', body: '1584 × 396 px · Oran 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: '1:1 kare formatı bir klasik olmaya devam ediyor, ancak 4:5 dikey format daha fazla ekran alanı kaplıyor ve haber akışında %30\'a kadar daha fazla etkileşim sağlıyor.',
+        },
+        {
+          title: 'Kısa Format İçerik',
+          body: 'TikTok ve Reels için standart 9:16\'dır. Bu sürükleyici format, odak noktasının uygulama arayüzü tarafından kapatılmasını önlemek için mükemmel şekilde hizalanmasını gerektirir.',
+        },
+        {
+          title: 'Görsel Etkileşim',
+          body: 'Küçük resimlerden bannerlara kadar her varlık, tıklama oranında belirli bir ağırlık taşır. Hassas kırpma, metnin ve anahtar öğelerin her zaman okunabilir olmasını sağlar.',
+        },
+        {
+          title: 'Profesyonel Markalaşma',
+          body: 'LinkedIn gibi profesyonel ağlarda netlik, otoritedir. Üstbilgiler, yüksek yoğunluklu ekranlarda pikselli görünmemek için belirli oranlar gerektirir.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'En Boy Oranı Neden Önemlidir?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'En boy oranı, bir görüntünün genişliği ile yüksekliği arasındaki orantılı ilişkidir. Bunu görmezden gelmek, platformları yakınlaştırmaya veya siyah çubuklar eklemeye zorlar, bu da estetiği ve organik erişimi olumsuz etkiler.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Metinlerin veya logoların yerel uygulama simgeleri tarafından kesilmesini önler.',
+        'Orijinal fotoğrafı bozmadan veya germeden optimum piksel yoğunluğunu korur.',
+        'Tüm resmi ölçüleri tek bir web aracında merkezileştirerek zaman kazandırır.',
+        'Tam ağırlık ve boyutlarda dosyalar oluşturarak yükleme hızını iyileştirir.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Kompozisyon İpucu',
+      html: '<p>Manuel sürükleme özelliğimizi kullanırken, fotoğrafınızın ana konusunu ızgaranın kesişme noktalarından birine yerleştirmeyi deneyin. Bu, sosyal ağlarınız için daha dinamik ve profesyonel kompozisyonlar oluşturur.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Mükemmel Bir Kırpma İçin Adımlar',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Formatınızı seçin: Yan menüden platformu ve yayın türünü seçin.',
+        'Resmi yükleyin: Dosyanızı sürükleyin veya fotoğrafınızı içe aktarmak için dosya seçiciyi kullanın.',
+        'Çerçeveyi ayarlayın: Fotoğrafı görünür alan içinde sürükleyin ve hassasiyet için yakınlaştırmayı kullanın.',
+        'Anında dışa aktarma: Resminizi yayınlanmaya hazır hale getirmek için indire tıklayın.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Gizlilik ve Yerel İşleme',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Gizliliğiniz mutlaktır. Bu boyutlandırıcı, Canvas API kullanarak tarayıcınızda resimleri yerel olarak işler. Fotoğraflarınız asla harici bir sunucuya yüklenmez, tam güvenlik ve anında işlem hızı garanti edilir.',
+    },
+    {
+      type: 'title',
+      text: 'Sosyal Medya İçin Profesyonel Optimizasyon',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Görsel içeriğinizi profesyonelce uyarlamak doğrudan bir büyüme stratejisidir. Aracımız, içerik üreticileri ve topluluk yöneticileri için iş akışını basitleştirerek her gönderinin her cihazda ve platformda mükemmel görünmesini sağlar.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Sosyal Formatlar',
+    uploadTitle: 'Resim Yükle',
+    uploadSubtitle: 'Fotoğrafınızı buraya sürükleyin veya göz atmak için tıklayın',
+    btnReset: 'Sıfırla',
+    btnDownload: 'Resmi İndir',
+  },
+};

package/src/tool/socialImageResizer/i18n/zh.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 = 'social-media-image-resizer';
+const title = '社交媒体图像调整工具：适用于各个平台的剪裁与缩放';
+const description =
+  '为 Instagram、TikTok、YouTube 等平台调整照片尺寸并剪裁。基于 2026 年最新官方尺寸的智能剪裁。';
+
+const faqData = [
+  {
+    question: '调整尺寸会损失图像质量吗？',
+    answer:
+      '不会，我们使用高质量的平滑算法。建议上传分辨率等于或大于目标格式的原始图像。',
+  },
+  {
+    question: '在这里上传我的照片安全吗？',
+    answer:
+      '完全安全。处理过程通过 Canvas API 在您的浏览器本地完成。您的照片永远不会发送到任何服务器。',
+  },
+  {
+    question: '支持哪些格式？',
+    answer:
+      '我们支持上传 JPG、PNG、WebP 和 AVIF 格式。下载时会优化为高质量 JPG，以确保最佳兼容性。',
+  },
+];
+
+const howToData = [
+  {
+    name: '上传您的图像',
+    text: '拖动文件或浏览您的设备以开始处理。',
+  },
+  {
+    name: '选择格式',
+    text: '从侧边菜单中选择您需要的社交网络和发布类型。',
+  },
+  {
+    name: '调整并下载',
+    text: '通过拖动照片来调整构图，并使用缩放功能进行完美剪裁。完成后，点击下载。',
+  },
+];
+
+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: 'CNY' },
+  inLanguage: 'zh',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: '常见问题',
+  faq: faqData,
+  bibliographyTitle: '参考资料',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: 2026 社交媒体图像尺寸指南',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: '适用于各个平台的社交媒体图像调整工具',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: '在当今的数字生态系统中，第一印象是由视觉决定的。每个社交网络都运行在特定的算法下，这些算法优先考虑原生适应其比例的内容。我们的社交媒体图像调整工具不仅仅是一个技术工具，它是您的盟友，确保您的信息在没有意外剪裁或质量损失的情况下送达。',
+    },
+    {
+      type: 'paragraph',
+      html: '无论您是需要将横向照片转换为引人注目的 Instagram Stories 垂直照片，还是调整设计以适应复杂的 YouTube 橫幅，我们的实用工具都使用智能剪裁系统，让您直接在浏览器中精确地调整图像的位置和缩放比例。',
+    },
+    {
+      type: 'title',
+      text: '2026 官方社交媒体图像尺寸',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — 正方形帖子', body: '1080 × 1080 px · 比例 1:1' },
+        { title: 'Instagram — 垂直帖子', body: '1080 × 1350 px · 比例 4:5' },
+        { title: 'TikTok / Reels — 垂直', body: '1080 × 1920 px · 比例 9:16' },
+        { title: 'YouTube — 缩略图', body: '1280 × 720 px · 比例 16:9' },
+        { title: 'YouTube — 频道横幅', body: '2560 × 1440 px · 比例 16:9' },
+        { title: 'X (Twitter) — 标准帖子', body: '1200 × 675 px · 比例 16:9' },
+        { title: 'LinkedIn — 个人资料封面', body: '1584 × 396 px · 比例 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: '1:1 正方形格式仍然是经典，但 4:5 垂直格式占据更多屏幕空间，在动态消息中产生的互动量最高可增加 30%。',
+        },
+        {
+          title: '短视频内容',
+          body: '对于 TikTok 和 Reels，标准是 9:16。这种沉浸式格式要求焦点完美对齐，以避免被应用界面遮挡。',
+        },
+        {
+          title: '视觉互动',
+          body: '从缩略图到横幅，每个素材在点击率中都占有特定权重。精确的剪裁确保文字和关键元素始终清晰可读。',
+        },
+        {
+          title: '专业化品牌建设',
+          body: '在 LinkedIn 等专业网络上，清晰度意味着权威。页眉需要特定的比例，以避免在高密度屏幕上出现像素化。',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: '为什么纵横比很重要',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '纵横比是图像宽度和高度之间的比例关系。忽略它会迫使平台进行缩放或添加黑边，这会损害美感和有机触达。',
+    },
+    {
+      type: 'list',
+      items: [
+        '防止文字或徽标被应用原生图标切断。',
+        '保持最佳像素密度，而不扭曲或拉伸原始照片。',
+        '通过在单个 Web 工具中集中所有官方测量值来节省时间。',
+        '通过生成具有精确大小和尺寸的文件来提高加载速度。',
+      ],
+    },
+    {
+      type: 'tip',
+      title: '构图技巧',
+      html: '<p>使用我们的手动拖动功能时，尝试将照片的主要主体放在网格的交叉点之一。这可以为您的社交网络创建更具活力和专业感的构图。</p>',
+    },
+    {
+      type: 'title',
+      text: '完美剪裁的步骤',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '选择您的格式：从侧边菜单中选择平台和发布类型。',
+        '上传图像：拖动文件或使用文件选择器导入照片。',
+        '调整框架：在可见区域内拖动照片，并使用缩放功能进行精确调整。',
+        '即时导出：点击下载，获取准备好发布的图像。',
+      ],
+    },
+    {
+      type: 'title',
+      text: '隐私和本地处理',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '您的隐私是绝对的。此调整工具使用 Canvas API 在您的浏览器本地处理图像。您的照片永远不会上传到任何外部服务器，保证了完整的安全性和即时的处理速度。',
+    },
+    {
+      type: 'title',
+      text: '社交媒体专业化优化',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '专业地调整您的视觉内容是一种直接的增长策略。我们的工具简化了创作者和社区经理的工作流程，确保每条帖子在任何设备和平台上都看起来很完美。',
+    },
+  ],
+  ui: {
+    sidebarTitle: '社交格式',
+    uploadTitle: '上传图像',
+    uploadSubtitle: '将照片拖到此处或点击浏览',
+    btnReset: '重置',
+    btnDownload: '下载图像',
+  },
+};

package/src/tool/socialImageResizer/index.ts

@@ -7,20 +7,28 @@ import SocialImageResizerBibliography from './bibliography.astro';
 import type { SocialImageResizerUI } from './ui';
 export type SocialImageResizerLocaleContent = ToolLocaleContent<SocialImageResizerUI>;
 
-import { content as es } from './i18n/es';
-import { content as en } from './i18n/en';
-import { content as fr } from './i18n/fr';
-
 export const socialImageResizer: SocialToolEntry<SocialImageResizerUI> = {
   id: 'social-image-resizer',
   icons: {
-    bg: 'mdi:image-size-select-large',
+    bg: 'mdi:image-edit-outline',
     fg: 'mdi:crop',
   },
   i18n: {
-    es: async () => es,
-    en: async () => en,
-    fr: async () => fr,
+    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),
   },
 };