@jjlmoya/utils-social 1.2.0 → 1.4.0

package/src/tool/socialImageResizer/i18n/pl.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 = 'zmiana-rozmiaru-zdjec-social-media';
+const title = 'Social Media Image Resizer: Kadrowanie i zmiana rozmiaru pod każdą platformę';
+const description =
+  'Zmieniaj rozmiar i kadruj zdjęcia na Instagram, TikTok, YouTube i inne serwisy. Inteligentne przycinanie z aktualnymi oficjalnymi wymiarami na rok 2026.';
+
+const faqData = [
+  {
+    question: 'Czy podczas zmiany rozmiaru stracę na jakości zdjęcia?',
+    answer:
+      'Nie, używamy wysokiej jakości algorytmów wygładzania. Zalecamy jednak przesyłanie oryginalnego zdjęcia o rozdzielczości równej lub większej niż format docelowy.',
+  },
+  {
+    question: 'Czy przesyłanie tutaj moich zdjęć jest bezpieczne?',
+    answer:
+      'Całkowicie. Przetwarzanie odbywa się lokalnie w Twojej przeglądarce przy użyciu Canvas API. Twoje zdjęcia nigdy nie są wysyłane na żaden serwer.',
+  },
+  {
+    question: 'Jakie formaty plików są obsługiwane?',
+    answer:
+      'Obsługujemy przesyłanie plików JPG, PNG, WebP oraz AVIF. Pobrane pliki są optymalizowane jako wysokiej jakości JPG dla maksymalnej kompatybilności.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Prześlij zdjęcie',
+    text: 'Przeciągnij plik lub wybierz go z urządzenia, aby rozpocząć proces.',
+  },
+  {
+    name: 'Wybierz format',
+    text: 'Z menu bocznego wybierz serwis społecznościowy i typ publikacji, którego potrzebujesz.',
+  },
+  {
+    name: 'Dostosuj i pobierz',
+    text: 'Ustaw kadr, przeciągając zdjęcie, i użyj zoomu, aby idealnie je dopasować. Gdy skończysz, kliknij przycisk pobierania.',
+  },
+];
+
+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: 'PLN' },
+  inLanguage: 'pl',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Często Zadawane Pytania',
+  faq: faqData,
+  bibliographyTitle: 'Źródła',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Przewodnik po rozmiarach zdjęć w social media 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Resizer zdjęć social media pod każdą platformę',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'W dzisiejszym cyfrowym ekosystemie pierwsze wrażenie budowane jest wizualnie. Każdy serwis społecznościowy działa w oparciu o specyficzne algorytmy, które faworyzują treści natywnie dopasowane do ich proporcji. Nasz resizer to nie tylko techniczne narzędzie — to Twój sojusznik, dzięki któremu Twój przekaz dotrze do odbiorców bez niechcianych ucięć czy straty jakości.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Niezależnie od tego, czy potrzebujesz zamienić zdjęcie poziome w efektowny pion na Instagram Stories, czy dostosować projekt pod złożony baner YouTube, nasza aplikacja korzysta z inteligentnego systemu kadrowania, który pozwala na precyzyjne ustawienie i skalowanie obrazu bezpośrednio w przeglądarce.',
+    },
+    {
+      type: 'title',
+      text: 'Oficjalne wymiary zdjęć social media 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Post Kwadratowy', body: '1080 × 1080 px · Proporcja 1:1' },
+        { title: 'Instagram — Post Pionowy', body: '1080 × 1350 px · Proporcja 4:5' },
+        { title: 'TikTok / Reels — Pion', body: '1080 × 1920 px · Proporcja 9:16' },
+        { title: 'YouTube — Miniaturka', body: '1280 × 720 px · Proporcja 16:9' },
+        { title: 'YouTube — Baner Kanału', body: '2560 × 1440 px · Proporcja 16:9' },
+        { title: 'X (Twitter) — Standardowy Post', body: '1200 × 675 px · Proporcja 16:9' },
+        { title: 'LinkedIn — Tło Profilu', body: '1584 × 396 px · Proporcja 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'Format kwadratowy 1:1 pozostaje klasykiem, ale pion 4:5 zajmuje więcej miejsca na ekranie i generuje do 30% większe zaangażowanie w feedzie.',
+        },
+        {
+          title: 'Treści Short Form',
+          body: 'Dla TikTok i Reels standardem jest 9:16. Ten immersyjny format wymaga idealnego wycentrowania głównego punktu zdjęcia, aby nie został zasłonięty przez UI aplikacji.',
+        },
+        {
+          title: 'Wizualne Zaangażowanie',
+          body: 'Od miniaturek po banery — każdy element graficzny ma wpływ na klikalność (CTR). Precyzyjne kadrowanie gwarantuje, że teksty i kluczowe elementy będą zawsze czytelne.',
+        },
+        {
+          title: 'Profesjonalny Branding',
+          body: 'W sieciach biznesowych jak LinkedIn ostrość to autorytet. Nagłówki wymagają specyficznych proporcji, aby nie wyglądały na rozpikselowane na ekranach o wysokiej gęstości.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Dlaczego proporcje obrazu (Aspect Ratio) są ważne',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Proporcje to zależność między szerokością a wysokością obrazu. Ignorowanie ich zmusza platformy do stosowania zoomu lub dodawania czarnych pasów, co obniża estetykę i zasięgi organiczne.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Zapobiega ucinaniu tekstów lub logo przez natywne ikony aplikacji.',
+        'Zachowuje optymalną gęstość pikseli bez zniekształcania lub rozciągania oryginalnego zdjęcia.',
+        'Oszczędza czas dzięki zebraniu wszystkich oficjalnych wymiarów w jednym narzędziu online.',
+        'Poprawia szybkość ładowania dzięki generowaniu plików o dokładnej wadze i wymiarach.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Wskazówka kompozycyjna',
+      html: '<p>Korzystając z funkcji ręcznego ustawiania kadru, spróbuj umieścić główny temat zdjęcia w jednym z punktów przecięcia siatki (zasada trójpodziału). Tworzy to bardziej dynamiczne i profesjonalne kompozycje.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Kroki do idealnego kadru',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Wybierz format: Wybierz platformę i typ publikacji z menu bocznego.',
+        'Prześlij obraz: Przeciągnij plik lub wybierz go z dysku, aby zaimportować zdjęcie.',
+        'Dostosuj kadr: Przesuń zdjęcie w obszarze widocznym i użyj zoomu dla precyzji.',
+        'Natychmiastowy eksport: Kliknij pobierz, aby otrzymać obraz gotowy do publikacji.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Prywatność i lokalne przetwarzanie',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Twoja prywatność jest dla nas priorytetem. Ten resizer przetwarza zdjęcia lokalnie w Twojej przeglądarce przy użyciu Canvas API. Twoje pliki nigdy nie trafiają na zewnętrzne serwery, co gwarantuje pełne bezpieczeństwo i natychmiastową prędkość działania.',
+    },
+    {
+      type: 'title',
+      text: 'Profesjonalna optymalizacja dla Social Media',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Profesjonalne dopasowanie treści wizualnych to bezpośrednia strategia wzrostu. Nasze narzędzie upraszcza pracę twórcom i community managerom, dbając o to, by każda publikacja wyglądała perfekcyjnie na każdym urządzeniu.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Formaty Social',
+    uploadTitle: 'Prześlij zdjęcie',
+    uploadSubtitle: 'Przeciągnij zdjęcie tutaj lub kliknij, aby wybrać',
+    btnReset: 'Resetuj',
+    btnDownload: 'Pobierz zdjęcie',
+  },
+};

package/src/tool/socialImageResizer/i18n/pt.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 = 'redimensionar-fotos-redes-sociais';
+const title = 'Social Media Image Resizer: Cortar e Redimensionar para todas as plataformas';
+const description =
+  'Redimensiona e corta as tuas fotos para Instagram, TikTok, YouTube e muito mais. Corte inteligente com dimensões oficiais atualizadas para 2026.';
+
+const faqData = [
+  {
+    question: 'A qualidade da imagem será perdida ao redimensionar?',
+    answer:
+      'Não, utilizamos algoritmos de suavização de alta qualidade. Recomenda-se carregar uma imagem original com uma resolução igual ou superior ao formato de destino.',
+  },
+  {
+    question: 'É seguro carregar as minhas fotos aqui?',
+    answer:
+      'Completamente. O processamento é feito localmente no teu navegador através da Canvas API. As tuas fotos nunca são enviadas para nenhum servidor.',
+  },
+  {
+    question: 'Quais os formatos suportados?',
+    answer:
+      'Suportamos o carregamento de JPG, PNG, WebP e AVIF. Os downloads são otimizados como JPG de alta qualidade para a máxima compatibilidade.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Carrega a tua imagem',
+    text: 'Arrasta o teu ficheiro ou pesquisa no teu dispositivo para iniciar o processo.',
+  },
+  {
+    name: 'Escolhe o formato',
+    text: 'Seleciona a rede social e o tipo de publicação que precisas no menu lateral.',
+  },
+  {
+    name: 'Ajusta e descarrega',
+    text: 'Enquadra a tua foto arrastando-a e usa o zoom para um corte perfeito. Quando terminares, clica em descarregar.',
+  },
+];
+
+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: 'pt',
+};
+
+export const content: ToolLocaleContent<SocialImageResizerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Perguntas Frequentes',
+  faq: faqData,
+  bibliographyTitle: 'Referências',
+  bibliography: [
+    {
+      name: 'MDN Web Docs: Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Sprout Social: Guia de Tamanhos de Imagem para Redes Sociais 2026',
+      url: 'https://sproutsocial.com/insights/social-media-image-sizes-guide/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Redimensionador de fotos para Redes Sociais em todas as plataformas',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'No ecossistema digital de hoje, a primeira impressão é visual. Cada rede social funciona sob algoritmos específicos que privilegiam conteúdos nativamente adaptados às suas proporções. O nosso redimensionador não é apenas uma ferramenta técnica — é o teu aliado para garantir que a tua mensagem chega sem cortes indesejados ou perda de qualidade.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Seja para converter uma foto de paisagem num vertical impactante para as Instagram Stories ou adaptar um design para um banner complexo de YouTube, a nossa utilidade usa um sistema de corte inteligente que te permite posicionar e escalar a tua imagem com precisão diretamente no teu navegador.',
+    },
+    {
+      type: 'title',
+      text: 'Tamanhos Oficiais de Imagem para Redes Sociais 2026',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: 'Instagram — Post Quadrado', body: '1080 × 1080 px · Proporção 1:1' },
+        { title: 'Instagram — Post Vertical', body: '1080 × 1350 px · Proporção 4:5' },
+        { title: 'TikTok / Reels — Vertical', body: '1080 × 1920 px · Proporção 9:16' },
+        { title: 'YouTube — Miniatura', body: '1280 × 720 px · Proporção 16:9' },
+        { title: 'YouTube — Banner de Canal', body: '2560 × 1440 px · Proporção 16:9' },
+        { title: 'X (Twitter) — Post Padrão', body: '1200 × 675 px · Proporção 16:9' },
+        { title: 'LinkedIn — Capa de Perfil', body: '1584 × 396 px · Proporção 4:1' },
+      ],
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Instagram',
+          body: 'O formato quadrado 1:1 continua a ser um clássico, mas o vertical 4:5 ocupa mais espaço no ecrã e gera até 30% mais engagement no feed de notícias.',
+        },
+        {
+          title: 'Conteúdo de Formato Curto',
+          body: 'Para TikTok e Reels, o padrão é 9:16. Este formato imersivo requer que o ponto focal esteja perfeitamente alinhado para evitar ser coberto pela UI da aplicação.',
+        },
+        {
+          title: 'Engagement Visual',
+          body: 'Desde miniaturas a banners, cada elemento gráfico tem um peso específico na taxa de cliques. Um corte preciso garante que o texto e os elementos chave sejam sempre legíveis.',
+        },
+        {
+          title: 'Branding Profissional',
+          body: 'Em redes profissionais como o LinkedIn, a nitidez é autoridade. Os cabeçalhos requerem proporções específicas para evitar aparecerem pixelizados em ecrãs de alta densidade.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Porque é que a Proporção de Aspeto é importante',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'A proporção de aspeto é a relação proporcional entre a largura e a altura de uma imagem. Ignorá-la força as plataformas a aplicar zoom ou adicionar barras pretas, o que penaliza a estética e o alcance orgânico.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Evita que textos ou logótipos sejam cortados pelos ícones nativos das apps.',
+        'Mantém a densidade de píxeis ideal sem distorcer ou esticar a foto original.',
+        'Poupa tempo ao centralizar todas as medidas oficiais numa única ferramenta web.',
+        'Melhora a velocidade de carregamento ao gerar ficheiros com o peso e dimensões exatos.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Dica de Composição',
+      html: '<p>Ao usar a nossa funcionalidade de arrastamento manual, tenta colocar o assunto principal da tua foto num dos pontos de interseção da grelha. Isto cria composições mais dinâmicas e profissionais para as tuas redes sociais.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Passos para um Corte Perfeito',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Seleciona o teu formato: Escolhe a plataforma e o tipo de publicação no menu lateral.',
+        'Carrega a imagem: Arrasta o teu ficheiro ou usa o seletor para importar a tua foto.',
+        'Ajusta o enquadramento: Arrasta a foto dentro da área visível e usa o zoom para precisão.',
+        'Exportação instantânea: Clica em descarregar para teres a tua imagem pronta para publicar.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Privacidade e Processamento Local',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'A tua privacidade é absoluta. Este redimensionador processa imagens localmente no teu navegador usando a Canvas API. As tuas fotos nunca são carregadas para nenhum servidor externo, garantindo segurança total e velocidade de processamento instantânea.',
+    },
+    {
+      type: 'title',
+      text: 'Otimização Profissional para Redes Sociais',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Adaptar o teu conteúdo visual de forma profissional é uma estratégia de crescimento direto. A nossa ferramenta simplifica o fluxo de trabalho para criadores e gestores de comunidade, garantindo que cada post parece perfeito em qualquer dispositivo e plataforma.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Formatos Sociais',
+    uploadTitle: 'Carregar Imagem',
+    uploadSubtitle: 'Arrasta a tua foto para aqui ou clica para procurar',
+    btnReset: 'Repor',
+    btnDownload: 'Descarregar Imagem',
+  },
+};

package/src/tool/socialImageResizer/i18n/ru.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 = 'izmeneniye-razmera-izobrazhenij-socialnyh-setej';
+const title = 'Social Media Image Resizer: обрезка и изменение размера под любую платформу';
+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: 'RUB' },
+  inLanguage: 'ru',
+};
+
+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: 'От миниатюр до баннеров — каждый графический элемент влияет на CTR. Точная обрезка гарантирует, что тексты и ключевые детали всегда будут читаемы.',
+        },
+        {
+          title: 'Профессиональный брендинг',
+          body: 'В деловых сетях вроде LinkedIn четкость — это авторитет. Обложки требуют специфических пропорций, чтобы не выглядеть размытыми на экранах с высокой плотностью пикселей.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Почему важно соотношение сторон',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Соотношение сторон — это пропорциональная связь между шириной и высотой изображения. Игнорирование этого заставляет платформы применять зум или добавлять черные полосы, что портит эстетику и снижает охваты.',
+    },
+    {
+      type: 'list',
+      items: [
+        'Предотвращает обрезку текста или логотипов нативными иконками приложений.',
+        'Сохраняет оптимальную плотность пикселей без искажения или растягивания оригинала.',
+        'Экономит время за счет объединения всех официальных размеров в одном онлайн-инструменте.',
+        'Улучшает скорость загрузки благодаря генерации файлов с точными параметрами.',
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Совет по композиции',
+      html: '<p>При ручной настройке кадра попробуйте поместить главный объект фото в одну из точек пересечения сетки (правило третей). Это создает более динамичную и профессиональную композицию.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Шаги для идеальной обрезки',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        'Выберите формат: укажите платформу и тип публикации в боковом меню.',
+        'Загрузите фото: перетащите файл или используйте окно выбора для импорта.',
+        'Настройте кадр: перемещайте фото внутри видимой области и используйте зум для точности.',
+        'Мгновенный экспорт: нажмите кнопку скачать, чтобы получить готовое изображение.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Конфиденциальность и локальная обработка',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Ваша конфиденциальность абсолютна. Этот инструмент обрабатывает изображения локально в браузере. Ваши фотографии никогда не загружаются на внешние серверы, что гарантирует полную безопасность и мгновенную скорость.',
+    },
+    {
+      type: 'title',
+      text: 'Профессиональная оптимизация контента',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Профессиональная адаптация визуального контента — это прямая стратегия роста. Наше решение упрощает работу креаторам и менеджерам сообществ, делая каждый пост идеальным.',
+    },
+  ],
+  ui: {
+    sidebarTitle: 'Форматы сетей',
+    uploadTitle: 'Загрузить фото',
+    uploadSubtitle: 'Перетащите фото сюда или нажмите для выбора',
+    btnReset: 'Сбросить',
+    btnDownload: 'Скачать фото',
+  },
+};