@jjlmoya/utils-social 1.2.0 → 1.4.0

package/src/tool/youtubeThumbnailPreviewer/i18n/ru.ts

@@ -0,0 +1,321 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { YoutubeThumbnailPreviewerUI } from '../ui';
+
+const slug = 'predprosmotr-znachkov-youtube';
+const title = 'Предпросмотр значков YouTube онлайн: Улучшите CTR бесплатно';
+const description =
+  'Загрузите свой значок и посмотрите, как он выглядит в реальной ленте YouTube на мобильных устройствах и ПК. Симулятор темного и светлого режимов для мгновенной оптимизации кликов.';
+
+const faqData = [
+  {
+    question: 'Почему важно тестировать значки YouTube?',
+    answer:
+      'Большинство пользователей смотрят YouTube на мобильных устройствах. Значок, который отлично смотрится на мониторе, может быть нечитаемым на маленьком экране. Тестирование в симуляторе гарантирует, что текст будет четким, а главный объект будет выделяться при любом размере.',
+  },
+  {
+    question: 'Нужно ли регистрироваться для использования этого инструмента?',
+    answer:
+      'Нет. Наш инструмент на 100% бесплатен и работает прямо в вашем браузере. Вам не нужно создавать учетную запись или указывать адрес электронной почты для оптимизации значков.',
+  },
+  {
+    question: 'Загружаются ли мои дизайны на ваш сервер?',
+    answer:
+      'Абсолютно нет. Конфиденциальность — наш главный приоритет. Когда вы выбираете файл, он загружается локально в память вашего браузера через временный URL-адрес. Никто, кроме вас, не может видеть дизайн, который вы тестируете.',
+  },
+  {
+    question: 'Как этот инструмент помогает улучшить CTR?',
+    answer:
+      'CTR (Click-Through Rate) — это процент людей, которые кликают по значку при просмотре. Симулируя реальную среду (темный vs светлый фон, мобильный vs ПК), вы можете исправить ошибки в контрасте и композиции перед публикацией, тем самым увеличивая количество кликов.',
+  },
+  {
+    question: 'Работает ли это с официальной темной темой YouTube?',
+    answer:
+      'Да. Мы включили селектор тем (Светлая и Темная), который в точности имитирует цвета (HEX), используемые официальным приложением YouTube в обоих режимах.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Загрузите свой дизайн',
+    text: 'Нажмите на область загрузки или перетащите файл изображения (PNG, JPG или WebP) прямо в инструмент.',
+  },
+  {
+    name: 'Настройте контекст',
+    text: 'Введите название видео и имя канала, чтобы симуляция была максимально реалистичной по сравнению с настоящей лентой.',
+  },
+  {
+    name: 'Смените устройство',
+    text: 'Переключайтесь между режимами «ПК» и «Мобильный», чтобы проверить читаемость на экранах разных размеров.',
+  },
+  {
+    name: 'Проверьте контраст',
+    text: 'Активируйте темную тему, чтобы увидеть, правильно ли выделяются цвета на черном фоне YouTube.',
+  },
+];
+
+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<YoutubeThumbnailPreviewerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Часто задаваемые вопросы',
+  faq: faqData,
+  bibliographyTitle: 'Ссылки и источники',
+  bibliography: [
+    {
+      name: 'Справка YouTube: Как добавить персонализированный значок видео',
+      url: 'https://support.google.com/youtube/answer/141805',
+    },
+    {
+      name: 'Nielsen Norman Group: Visual Processing and UX Design',
+      url: 'https://www.nngroup.com/articles/visual-processing/',
+    },
+    {
+      name: 'Derral Eves: Формула YouTube (стратегия значков)',
+      url: 'https://derraleves.com/the-youtube-formula/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Предпросмотр значков для YouTube: Овладейте CTR вашего канала',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'В экосистеме YouTube значок (или миниатюра) — это входная дверь в ваш контент. У вас может быть лучшее видео в мире с голливудским монтажом и сценарием, достойным Оскара, но если на него никто не нажмет, ваша работа останется невидимой для алгоритма. Именно здесь вступает в игру <strong>CTR (показатель кликабельности)</strong>, и значок является решающим фактором.',
+    },
+    {
+      type: 'title',
+      text: 'Почему нужно тестировать значки перед загрузкой',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Реальный предпросмотр:</strong> Посмотрите на свой значок именно так, как он будет выглядеть в ленте YouTube.',
+        '<strong>Темный и светлый режимы:</strong> Убедитесь, что цвета выделяются при любых настройках пользователя.',
+        '<strong>Симулятор устройств:</strong> Проверьте читаемость текста как на мониторах, так и на маленьких экранах мобильных телефонов.',
+        '<strong>Оптимизация CTR:</strong> Сравните свой дизайн с нативным интерфейсом, чтобы максимизировать количество кликов.',
+        '<strong>Без регистрации:</strong> Загрузите изображение и протестируйте его мгновенно без создания аккаунта.',
+        '<strong>Гарантия конфиденциальности:</strong> Ваши дизайны обрабатываются локально и никогда не загружаются на серверы.',
+      ],
+    },
+    {
+      type: 'paragraph',
+      html: 'Многие авторы совершают ошибку, проектируя значки на больших мониторах и просматривая их в полноэкранном режиме в своих любимых редакторах. Проблема в том, что конечный пользователь редко видит их такими. Большинство потребляет контент на мобильном устройстве во время бесконечной прокрутки или в углу монитора в темном режиме. Наш <strong>Инструмент предпросмотра значков YouTube</strong> позволяет разрушить «иллюзию дизайнера» и увидеть суровую реальность ленты.',
+    },
+    {
+      type: 'title',
+      text: 'Технические метрики и производительность',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: '0,2 сек', body: 'Время отклика' },
+        { title: '4K', body: 'Макс. разрешение' },
+        { title: '100%', body: 'Локальная приватность' },
+        { title: 'HD', body: 'Нативное качество' },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Психология клика: Почему значки терпят неудачу?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Человеческий мозг обрабатывает изображения в тысячи раз быстрее, чем текст. Однако на YouTube конкуренция жесточайшая. Ваш значок должен быть не просто «красивым» — он должен быть <strong>читаемым</strong> и иметь <strong>контраст</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Распространенная ошибка — использование цветов, которые сливаются с фоном YouTube. Если вы используете темно-серые тона, а ваш зритель находится в темном режиме, ваше видео просто исчезнет из его периферийного зрения. Используя этот тестер, вы можете переключаться между темами и убедиться, что ваш дизайн «выстреливает» (выделяется) в любом сценарии.',
+    },
+    {
+      type: 'title',
+      text: 'Прямое сравнение: Дизайн vs Реальность',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Стоит ли тратить 30 секунд на тестирование значка? Ответ — решительное ДА. Оптимизированный значок может удвоить количество просмотров в первые 24 часа, давая искусственному интеллекту YouTube сигнал о том, что у вашего контента есть «зацепка».',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Дизайн в Photoshop / Canva',
+          body: 'Ложное ощущение реального размера · Игнорирование контраста с фоном приложения · Текст кажется читаемым, но на деле может нет · Отсутствие элементов интерфейса (длительность, аватары)',
+        },
+        {
+          title: 'Предпросмотр значков YouTube',
+          body: 'Реальный вид в ленте рекомендаций · Контраст проверен в Dark vs Light режимах · Гарантированная читаемость текста на мобильных · Симуляция названий и имен каналов',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Чек-лист для значка с CTR выше 10%',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Перед экспортом окончательного дизайна обязательно пройдите по этому списку, используя наш профессиональный симулятор:',
+    },
+    {
+      type: 'list',
+      items: [
+        'Читается ли текст на маленьком экране мобильного телефона?',
+        'Достаточный ли контраст между фоном и основным объектом?',
+        'Хорошо ли значок смотрится на черном фоне в темном режиме?',
+        'Не закрывает ли название видео важную информацию на изображении?',
+        'Не скрывает ли индикатор длительности видео (черный прямоугольник) что-то важное?',
+        'Передает ли лицо или основной объект нужную эмоцию при уменьшенном размере?',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Анатомия высокоэффективного значка',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Основываясь на анализе крупнейших мировых каналов, выигрышный значок обычно следует этой структурной схеме:',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Основной объект',
+          body: 'Центр внимания · Используйте четкие контуры с легкой обводкой или дополнительной насыщенностью.',
+        },
+        {
+          title: 'Текст (макс. 3 слова)',
+          body: 'Мгновенный контекст · Используйте жирные шрифты без засечек и дополняющие цвета.',
+        },
+        {
+          title: 'Размытый фон',
+          body: 'Разделение планов · Добавляет глубину, чтобы основной объект «выпрыгивал» из экрана.',
+        },
+        {
+          title: 'Место для индикатора времени',
+          body: 'Избегайте ошибок · Не размещайте лица или текст в правом нижнем углу.',
+        },
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Трюк с «мертвой зоной»',
+      html: '<p>YouTube всегда размещает черный прямоугольник с длительностью видео в правом нижнем углу значка. Тысячи авторов ставят важные элементы в эту зону, только чтобы обнаружить, что приложение их перекрывает. Наш инструмент имитирует этот прямоугольник, чтобы вы никогда не закрывали свой лучший кадр.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Преимущества и ограничения инструмента',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Ультрабыстрый и отзывчивый интерфейс',
+          body: 'Ограничение: Не позволяет редактировать изображение (используйте Canva/PS)',
+        },
+        {
+          title: 'Точные макеты приложения и веб версии',
+          body: 'Ограничение: Не симулирует рекламу Pre-roll',
+        },
+        {
+          title: 'Бесплатно и без навязчивой рекламы',
+          body: 'Ограничение: Поддерживает только локальные файлы',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Использование режима Split (прямое сравнение)',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Это наша главная функция. Активировав режим Split, вы увидите свой значок одновременно в светлом и темном режимах. Это лучший способ проверить, является ли ваша цветовая палитра универсальной или же требуется корректировка яркости и контрастности.',
+    },
+    {
+      type: 'title',
+      text: 'Конфиденциальность: Дизайны не загружаются в облако',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Мы знаем, что ваши значки являются частью секретной стратегии перед запуском. Поэтому мы разработали этот инструмент так, чтобы он работал исключительно в вашем браузере. <strong>Ничего не загружается в интернет</strong>. Выбранный вами файл загружается через локальный временный URL-адрес, который исчезает при закрытии вкладки. Ваша интеллектуальная собственность на 100% находится под вашим контролем.',
+    },
+    {
+      type: 'title',
+      text: 'Заключение: Гарантия идеального пикселя',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Перестаньте гадать и начните проверять. <strong>Инструмент предпросмотра значков YouTube</strong> от JJLMoya — это бесплатное решение, которое отличает авторов-любителей от профессионалов контента. Небольшая корректировка размера шрифта или положения объекта может стать решающим фактором между незамеченным видео и виральным успехом.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Начните оптимизировать свой канал прямо сейчас и дайте своим видео тот показатель кликабельности, которого они заслуживают!',
+    },
+  ],
+  ui: {
+    dropFeedTitle: 'Перетащите ваш значок',
+    dropFeedSub: 'PNG, JPG или WebP · Несколько изображений',
+    dropAvatarTitle: 'Перетащите ваш аватар',
+    dropAvatarSub: 'Профильное фото канала',
+    labelTitle: 'Название видео',
+    labelChannel: 'Имя канала',
+    defaultTitle: 'Ваш заголовок здесь',
+    defaultChannel: 'Имя канала',
+    btnDesktop: 'ПК',
+    btnMobile: 'Мобильный',
+    btnClear: 'Очистить',
+    labelLight: 'Светлая',
+    labelDark: 'Темная',
+    views0: '1,2 млн просмотров · 1 час назад',
+    views1: '45 минут назад',
+    views2: '250 тыс. просмотров · 1 день назад',
+    views3: '3,1 млн просмотров · 1 неделю назад',
+  },
+};

package/src/tool/youtubeThumbnailPreviewer/i18n/sv.ts

@@ -0,0 +1,321 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { YoutubeThumbnailPreviewerUI } from '../ui';
+
+const slug = 'forhandsvisning-youtube-miniatyrer';
+const title = 'Förhandsvisning av YouTube miniatyrer online: Förbättra din CTR gratis';
+const description =
+  'Ladda upp din miniatyrbild och se hur den ser ut i det riktiga YouTube-flödet på mobil och desktop. Simulator för mörkt och ljust läge för att optimera klick omedelbart.';
+
+const faqData = [
+  {
+    question: 'Varför är det viktigt att testa YouTube-miniatyrer?',
+    answer:
+      'De flesta användare tittar på YouTube på mobila enheter. En miniatyrbild som ser bra ut på din skärm kan vara oläslig på en liten mobilskärm. Genom att testa den i en simulator säkerställer du att texten är tydlig och att huvudmotivet sticker ut i alla storlekar.',
+  },
+  {
+    question: 'Måste jag registrera mig för att använda denna Previewer?',
+    answer:
+      'Nej. Vårt verktyg är 100 % gratis och fungerar direkt i din webbläsare. Du behöver inte skapa något konto eller lämna din e-postadress för att optimera dina miniatyrer.',
+  },
+  {
+    question: 'Laddas mina designer upp till er server?',
+    answer:
+      'Absolut inte. Integritet är vår högsta prioritet. När du väljer en fil laddas den lokalt i din webbläsares minne via en tillfällig URL. Ingen utom du kan se den design du testar.',
+  },
+  {
+    question: 'Hur hjälper det här verktyget till att förbättra min CTR?',
+    answer:
+      'CTR (Click-Through Rate) är den procentandel av personer som klickar när de ser miniatyrbilden. Genom att simulera den verkliga miljön (mörk vs ljus bakgrund, mobil vs desktop) kan du åtgärda kontrast- och kompositionsproblem innan du publicerar, vilket ökar dina klick.',
+  },
+  {
+    question: 'Fungerar det med YouTubes officiella mörka läge?',
+    answer:
+      'Ja. Vi har inkluderat en temaväljare (Ljus och Mörk) som exakt efterliknar de hex-färger som används av den officiella YouTube-appen i båda lägena.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Ladda upp din design',
+    text: 'Klicka på uppladdningsområdet eller dra din bildfil (PNG, JPG eller WebP) direkt till verktyget.',
+  },
+  {
+    name: 'Ställ in kontext',
+    text: 'Skriv in din videotitel och ditt kanalnamn så att simuleringen blir så realistisk som möjligt jämfört med det riktiga flödet.',
+  },
+  {
+    name: 'Byt enhet',
+    text: "Växla mellan 'Desktop'- och 'Mobil'-vy för att kontrollera läsbarheten på skärmar av olika storlekar.",
+  },
+  {
+    name: 'Testa kontrasten',
+    text: "Aktivera det mörka temat för att se om färgerna sticker ut korrekt mot YouTubes svarta bakgrund.",
+  },
+];
+
+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<YoutubeThumbnailPreviewerUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Vanliga frågor',
+  faq: faqData,
+  bibliographyTitle: 'Referenser',
+  bibliography: [
+    {
+      name: 'YouTube-hjälp: Skapa anpassade videominiatyrer',
+      url: 'https://support.google.com/youtube/answer/141805',
+    },
+    {
+      name: 'Nielsen Norman Group: Visual Processing and UX Design',
+      url: 'https://www.nngroup.com/articles/visual-processing/',
+    },
+    {
+      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
+      url: 'https://derraleves.com/the-youtube-formula/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'YouTube Thumbnail Previewer: Bemästra din kanals CTR',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'I YouTubes ekosystem är miniatyrbilden (eller thumbnailen) ingången till ditt innehåll. Du kan ha världens bästa video — med redigering i Hollywood-klass och ett manus värdigt en Oscar — men om ingen klickar kommer ditt arbete att vara osynligt för algoritmen. Det är här <strong>CTR (Click-Through Rate)</strong> kommer in, och miniatyrbilden är den avgörande faktorn.',
+    },
+    {
+      type: 'title',
+      text: 'Varför du behöver testa miniatyrer innan du laddar upp dem',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Riktig förhandsvisning:</strong> Se din miniatyrbild exakt så som den kommer att se ut i YouTube-flödet.',
+        '<strong>Mörkt och ljust läge:</strong> Säkerställ att färgerna sticker ut oavsett användarens inställning.',
+        '<strong>Enhetssimulator:</strong> Kontrollera textens läsbarhet på både monitorer och små mobilskärmar.',
+        '<strong>CTR-optimering:</strong> Jämför din design med det naturliga gränssnittet för att maximera klick.',
+        '<strong>Ingen registrering krävs:</strong> Ladda upp din bild och testa den direkt utan att skapa konto.',
+        '<strong>Garanterad integritet:</strong> Dina designer bearbetas lokalt och laddas aldrig upp till servrar.',
+      ],
+    },
+    {
+      type: 'paragraph',
+      html: 'Många kreatörer gör misstaget att designa miniatyrer på stora monitorer och se dem i helskärm i sina favoritredigerare. Problemet är att slutanvändaren sällan ser dem på det sättet. De flesta konsumerar innehåll på en mobil enhet medan de skrollar oändligt, eller i ett hörn av monitorn i mörkt läge. Vår <strong>YouTube Thumbnail Previewer</strong> låter dig bryta den "designillusionen" och se flödets krassa verklighet.',
+    },
+    {
+      type: 'title',
+      text: 'Tekniska mätvärden och prestanda',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        { title: '0,2 s', body: 'Responstid' },
+        { title: '4K', body: 'Maximal upplösning' },
+        { title: '100%', body: 'Lokal integritet' },
+        { title: 'HD', body: 'Naturlig kvalitet' },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Klickets psykologi: Varför miniatyrer misslyckas',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Den mänskliga hjärnan bearbetar bilder tusentals gånger snabbare än text. Men på YouTube är konkurrensen brutal. Din miniatyrbild får inte bara vara "snygg" — den måste vara <strong>läsbar</strong> och ha <strong>kontrast</strong>.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Ett vanligt misstag är att använda färger som smälter in i YouTubes bakgrund. Om du använder mörkgråa toner och din tittare har mörkt läge, kommer din video helt enkelt att försvinna ur deras perifera seende. Med det här testverktyget kan du växla mellan teman och se till att din design "poppar" (sticker ut) i alla scenarier.',
+    },
+    {
+      type: 'title',
+      text: 'Direkt jämförelse: Design vs Verklighet',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Är det värt att lägga 30 sekunder på att testa miniatyrbilden? Svaret är ett rungande JA. En optimerad miniatyrbild kan fördubbla dina visningar under de första 24 timmarna, vilket signalerar till YouTubes AI att ditt innehåll har en "krok".',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Design i Photoshop / Canva',
+          body: 'Falsk känsla av verklig storlek · Ignorerar kontrast mot app-bakgrunden · Text ser läsbar ut men är det kanske inte · Du missar UI-element (tidsmarkeringar, avatarer)',
+        },
+        {
+          title: 'YouTube Thumbnail Previewer',
+          body: 'Riktig vy i hemflödet · Kontrast verifierad i mörkt vs ljust läge · Garanterad textläsbarhet på mobilen · Simulering av titlar och kanalnamn',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Checklista för en miniatyr med CTR över 10 %',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Innan du exporterar din slutgiltiga design, se till att gå igenom denna lista i vår professionella simulator:',
+    },
+    {
+      type: 'list',
+      items: [
+        'Är texten läsbar på en liten mobilskärm?',
+        'Finns det tillräckligt med kontrast mellan bakgrunden och huvudmotivet?',
+        'Ser miniatyrbilden bra ut mot den svarta bakgrunden i mörkt läge?',
+        'Täcker videotiteln viktig information i bilden?',
+        'Döljer tidstämpeln (den svarta rutan) något viktigt?',
+        'Förmedlar ansiktet eller huvudobjektet den önskade känslan i minskad storlek?',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Anatomi av en miniatyrbild med hög effekt',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Baserat på analyser av världens största kanaler följer en vinnande miniatyrbild vanligtvis detta strukturella mönster:',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Huvudmotiv',
+          body: 'Primärt fokus · Använd skarpa utskärningar med en lätt kant eller extra mättnad.',
+        },
+        {
+          title: 'Text (Max 3 ord)',
+          body: 'Omedelbar kontext · Använd feta Sans Serif-typsnitt och komplementfärger.',
+        },
+        {
+          title: 'Suddig bakgrund',
+          body: 'Planseparation · Ger djup så att huvudmotivet "hoppar ut" från skärmen.',
+        },
+        {
+          title: 'Utrymme för tidstämpel',
+          body: 'Undvik misstag · Placera inte ansikten eller text i det nedre högra hörnet.',
+        },
+      ],
+    },
+    {
+      type: 'tip',
+      title: 'Tricket med "döda zonen"',
+      html: '<p>YouTube placerar alltid en svart ruta med videons längd i det nedre högra hörnet av miniatyrbilden. Tusentals kreatörer placerar viktiga element i den zonen, bara för att upptäcka att appen täcker dem. Vårt verktyg simulerar denna ruta så att du aldrig täcker din bästa bild.</p>',
+    },
+    {
+      type: 'title',
+      text: 'Verktygets fördelar och begränsningar',
+      level: 3,
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          title: 'Ultrasnabbt och responsivt gränssnitt',
+          body: 'Begränsning: Tillåter inte bildredigering (använd Canva/PS)',
+        },
+        {
+          title: 'Exakta app och web mockups',
+          body: 'Begränsning: Simulerar inte pre-roll-annonser',
+        },
+        {
+          title: 'Gratis och utan störande reklam',
+          body: 'Begränsning: Stöder endast lokala filer',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Användning av "Split"-läget (direkt jämförelse)',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Detta är stjärnfunktionen. Genom att aktivera Split-läget ser du din miniatyrbild genom både ljust och mörkt läge samtidigt. Det är det definitiva sättet att kontrollera om din färgpalett fungerar universellt eller om den behöver justeras vad gäller ljusstyrka och kontrast.',
+    },
+    {
+      type: 'title',
+      text: 'Integritet: Dina designer laddas inte upp till molnet',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Vi vet att dina miniatyrer är en del av din hemliga strategi före en lansering. Därför har vi designat det här verktyget så att det enbart arbetar i din webbläsare. <strong>Ingenting laddas upp till internet</strong>. Filen du väljer laddas via en lokal tillfällig URL som försvinner när du stänger fliken. Din immateriella egendom är 100 % under din kontroll.',
+    },
+    {
+      type: 'title',
+      text: 'Slutsats: Garanterat perfekt i varje pixel',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Sluta gissa och börja validera. JJLMoyas <strong>YouTube Thumbnail Previewer</strong> är det kostnadsfria verktyget som skiljer amatörkreatörer från proffsen. En liten justering av typsnittsstorlek eller motivets position kan vara skillnaden mellan en video som går obemärkt förbi och en viral succé.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Börja optimera din kanal nu och ge dina videor den klickfrekvens de förtjänar!',
+    },
+  ],
+  ui: {
+    dropFeedTitle: 'Dra din miniatyrbild hit',
+    dropFeedSub: 'PNG, JPG eller WebP · Flera bilder',
+    dropAvatarTitle: 'Dra din avatar hit',
+    dropAvatarSub: 'Kanalens profilbild',
+    labelTitle: 'Videotitel',
+    labelChannel: 'Kanalnamn',
+    defaultTitle: 'Din videotitel här',
+    defaultChannel: 'Kanalnamn',
+    btnDesktop: 'Desktop',
+    btnMobile: 'Mobil',
+    btnClear: 'Rensa',
+    labelLight: 'Ljust',
+    labelDark: 'Mörkt',
+    views0: '1,2 mn visningar · för 1 timme sedan',
+    views1: 'för 45 minuter sedan',
+    views2: '250 000 visningar · för 1 dag sedan',
+    views3: '3,1 mn visningar · för 1 vecka sedan',
+  },
+};