@jjlmoya/utils-developer 1.30.0 → 1.31.0

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

@@ -1,165 +1,165 @@
 import { bibliography } from '../bibliography';
-import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
-import type { ToolLocaleContent } from '../../../types';
-import type { AspectRatioUI } from '../ui';
-
-const slug = 'kalkulyator-sootnosheniya-storon';
-const title = 'Калькулятор соотношения сторон в пикселях. Пропорции онлайн';
-const description =
-  'Рассчитывайте разрешения для изображений, видео и веб-дизайна, сохраняя точные пропорции, чтобы избежать искажения графики. Поддержка форматов 16:9, 4:3, 21:9 и пользовательских настроек.';
-
-const faqData = [
-  {
-    question: 'Что такое соотношение сторон (Aspect Ratio)?',
-    answer:
-      'Соотношение сторон описывает геометрическую связь между шириной и высотой изображения или экрана. Оно представляется в виде двух чисел, разделенных двоеточием (например, 16:9), указывая, как высота пропорционально изменяется относительно ширины.',
-  },
-  {
-    question: 'Почему важно соблюдать правильные пропорции?',
-    answer:
-      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций - залог профессионального вида.',
-  },
-  {
-    question: 'Как рассчитать высоту на основе ширины при заданном соотношении?',
-    answer:
-      'Формула такова: Высота = Ширина × (Число высоты / Число ширины). Например, для ширины 1280px при соотношении 16:9 высота составит: 1280 × (9/16) = 720px.',
-  },
-  {
-    question: 'Какое стандартное соотношение сторон используется для видео на YouTube?',
-    answer:
-      '16:9 - это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
-  },
-  {
-    question: 'Какое соотношение сторон используется для вертикальных видео в соцсетях?',
-    answer:
-      '9:16, что является зеркальным отражением широкоэкранного формата. Это родное соотношение сторон для TikTok, Instagram Reels и YouTube Shorts, возникшее из-за вертикального использования мобильных телефонов.',
-  },
-];
-
-const howToData = [
-  {
-    name: 'Введите исходное соотношение',
-    text: 'Укажите значения ширины и высоты соотношения, которое вы хотите сохранить (например, 16 и 9 для широкоэкранного формата), или выберите один из пресетов.',
-  },
-  {
-    name: 'Настройте масштаб',
-    text: 'Измените значение ширины или высоты в разделе "Реальный масштаб". Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
-  },
-  {
-    name: 'Проверьте результат',
-    text: 'Панель предварительного просмотра показывает итоговую форму в пропорциональном масштабе с упрощенным соотношением и рассчитанным разрешением.',
-  },
-  {
-    name: 'Примените в своем проекте',
-    text: 'Скопируйте рассчитанные значения для использования в CSS (aspect-ratio: 16 / 9), при экспорте видео или в настройках вашего графического редактора.',
-  },
-];
-
-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: 'ru',
-};
-
-const ui: AspectRatioUI = {
-  labelConfig: 'Настройка',
-  labelRatio: 'Исходное соотношение',
-  labelWidth: 'Ширина',
-  labelHeight: 'Высота',
-  labelScale: 'Реальный масштаб',
-  labelPixelWidth: 'Пиксели (Ширина)',
-  labelPixelHeight: 'Пиксели (Высота)',
-  labelPreview: 'Пропорциональный просмотр',
-  labelStatus: 'Идеальное соотношение',
-  labelOffline: '100% автономный инструмент',
-};
-
-export const content: ToolLocaleContent<AspectRatioUI> = {
-  slug,
-  title,
-  description,
-  ui,
-  faqTitle: 'Часто задаваемые вопросы',
-  faq: faqData,
-  bibliographyTitle: 'Ссылки и документация',
-  bibliography,
-  howTo: howToData,
-  schemas: [faqSchema, howToSchema, appSchema],
-  seo: [
-    {
-      type: 'title',
-      text: 'Что такое соотношение сторон?',
-      level: 2,
-    },
-    {
-      type: 'paragraph',
-      html: 'В графическом дизайне, фотографии и фронтенд-разработке <strong>соотношение сторон</strong> (Aspect Ratio) описывает геометрическую связь между шириной и высотой изображения, экрана или контейнера. Обычно оно представляется двумя числами через двоеточие (например, <code>16:9</code>), указывая, как высота пропорционально изменяется в ответ на ширину.',
-    },
-    {
-      type: 'paragraph',
-      html: 'Несоблюдение соотношения сторон - частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах - от мобильных телефонов до ультрашироких мониторов.',
-    },
-    {
-      type: 'title',
-      text: 'Общепринятые стандарты в индустрии',
-      level: 3,
-    },
-    {
-      type: 'paragraph',
-      html: 'В зависимости от вашей дисциплины вы будете постоянно сталкиваться с ограниченным набором мировых стандартов пропорций:',
-    },
-    {
-      type: 'list',
-      items: [
-        '<strong>16:9 (Широкоэкранный):</strong> Абсолютно доминирующий формат для современных мониторов, телевизоров, видео на YouTube или стандартных разрешений высокой четкости (таких как 1920×1080 или 4K).',
-        '<strong>9:16 (Вертикальный):</strong> Возник из-за потребления контента на мобильных устройствах (TikTok, Instagram Reels, YouTube Shorts). Точно такое же соотношение, как у широкоэкранного видео, но при физическом повороте устройства.',
-        '<strong>4:3 (Классический):</strong> Встречается в старых телевизорах и мониторах, а также в аналоговых и специализированных цифровых камерах. Его почти квадратный вид привлекает внимание к центральной оси композиции.',
-      ],
-    },
-    {
-      type: 'title',
-      text: 'Веб-разработка и свойство CSS aspect-ratio',
-      level: 3,
-    },
-    {
-      type: 'paragraph',
-      html: 'Раньше в CSS использовались сложные математические системы с <strong>Padding Hack</strong> (например, <code>padding-top: 56.25%</code>) для резервирования динамического пространства для YouTube iframe или фоновых изображений, чтобы избежать скачков контента (Cumulative Layout Shift, CLS) при загрузке страницы.',
-    },
-    {
-      type: 'paragraph',
-      html: 'Сейчас все современные макеты напрямую применяют свойство <code>aspect-ratio: 16 / 9;</code>, создавая семантичный код и позволяя браузеру автоматически рассчитывать недостающее измерение на основе оригинальной ширины, заданной через Grid или Flexbox.',
-    },
-    {
-      type: 'paragraph',
-      html: 'Этот локальный калькулятор пикселей позволяет мгновенно рассчитать масштаб дизайна, что защитит ваши макеты от критических ошибок в настройках.',
-    },
-  ],
-};
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { AspectRatioUI } from '../ui';
+
+const slug = 'kalkulyator-sootnosheniya-storon';
+const title = 'Калькулятор соотношения сторон в пикселях. Пропорции онлайн';
+const description =
+  'Рассчитывайте разрешения для изображений, видео и веб-дизайна, сохраняя точные пропорции, чтобы избежать искажения графики. Поддержка форматов 16:9, 4:3, 21:9 и пользовательских настроек.';
+
+const faqData = [
+  {
+    question: 'Что такое соотношение сторон (Aspect Ratio)?',
+    answer:
+      'Соотношение сторон описывает геометрическую связь между шириной и высотой изображения или экрана. Оно представляется в виде двух чисел, разделенных двоеточием (например, 16:9), указывая, как высота пропорционально изменяется относительно ширины.',
+  },
+  {
+    question: 'Почему важно соблюдать правильные пропорции?',
+    answer:
+      'Игнорирование соотношения сторон приводит к сплющенным или растянутым изображениям, появлению нежелательных черных полос (letterboxing) в видео и нарушению макета веб-компонентов на экранах разного размера. Соблюдение правильных пропорций - залог профессионального вида.',
+  },
+  {
+    question: 'Как рассчитать высоту на основе ширины при заданном соотношении?',
+    answer:
+      'Формула такова: Высота = Ширина × (Число высоты / Число ширины). Например, для ширины 1280px при соотношении 16:9 высота составит: 1280 × (9/16) = 720px.',
+  },
+  {
+    question: 'Какое стандартное соотношение сторон используется для видео на YouTube?',
+    answer:
+      '16:9 - это стандартное соотношение для YouTube и большинства современных видеоплатформ. Оно соответствует таким разрешениям, как 1280×720 (HD), 1920×1080 (Full HD) или 3840×2160 (4K UHD).',
+  },
+  {
+    question: 'Какое соотношение сторон используется для вертикальных видео в соцсетях?',
+    answer:
+      '9:16, что является зеркальным отражением широкоэкранного формата. Это родное соотношение сторон для TikTok, Instagram Reels и YouTube Shorts, возникшее из-за вертикального использования мобильных телефонов.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Введите исходное соотношение',
+    text: 'Укажите значения ширины и высоты соотношения, которое вы хотите сохранить (например, 16 и 9 для широкоэкранного формата), или выберите один из пресетов.',
+  },
+  {
+    name: 'Настройте масштаб',
+    text: 'Измените значение ширины или высоты в разделе "Реальный масштаб". Инструмент автоматически рассчитает противоположное значение для сохранения пропорций.',
+  },
+  {
+    name: 'Проверьте результат',
+    text: 'Панель предварительного просмотра показывает итоговую форму в пропорциональном масштабе с упрощенным соотношением и рассчитанным разрешением.',
+  },
+  {
+    name: 'Примените в своем проекте',
+    text: 'Скопируйте рассчитанные значения для использования в CSS (aspect-ratio: 16 / 9), при экспорте видео или в настройках вашего графического редактора.',
+  },
+];
+
+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: 'ru',
+};
+
+const ui: AspectRatioUI = {
+  labelConfig: 'Настройка',
+  labelRatio: 'Исходное соотношение',
+  labelWidth: 'Ширина',
+  labelHeight: 'Высота',
+  labelScale: 'Реальный масштаб',
+  labelPixelWidth: 'Пиксели (Ширина)',
+  labelPixelHeight: 'Пиксели (Высота)',
+  labelPreview: 'Пропорциональный просмотр',
+  labelStatus: 'Идеальное соотношение',
+  labelOffline: '100% автономный инструмент',
+};
+
+export const content: ToolLocaleContent<AspectRatioUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Часто задаваемые вопросы',
+  faq: faqData,
+  bibliographyTitle: 'Ссылки и документация',
+  bibliography,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Что такое соотношение сторон?',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'В графическом дизайне, фотографии и фронтенд-разработке <strong>соотношение сторон</strong> (Aspect Ratio) описывает геометрическую связь между шириной и высотой изображения, экрана или контейнера. Обычно оно представляется двумя числами через двоеточие (например, <code>16:9</code>), указывая, как высота пропорционально изменяется в ответ на ширину.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Несоблюдение соотношения сторон - частая причина сплющенных фотографий, видео с неожиданной обрезкой (letterboxing) или веб-компонентов, макет которых нарушается при просмотре на разных устройствах - от мобильных телефонов до ультрашироких мониторов.',
+    },
+    {
+      type: 'title',
+      text: 'Общепринятые стандарты в индустрии',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'В зависимости от вашей дисциплины вы будете постоянно сталкиваться с ограниченным набором мировых стандартов пропорций:',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>16:9 (Широкоэкранный):</strong> Абсолютно доминирующий формат для современных мониторов, телевизоров, видео на YouTube или стандартных разрешений высокой четкости (таких как 1920×1080 или 4K).',
+        '<strong>9:16 (Вертикальный):</strong> Возник из-за потребления контента на мобильных устройствах (TikTok, Instagram Reels, YouTube Shorts). Точно такое же соотношение, как у широкоэкранного видео, но при физическом повороте устройства.',
+        '<strong>4:3 (Классический):</strong> Встречается в старых телевизорах и мониторах, а также в аналоговых и специализированных цифровых камерах. Его почти квадратный вид привлекает внимание к центральной оси композиции.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Веб-разработка и свойство CSS aspect-ratio',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Раньше в CSS использовались сложные математические системы с <strong>Padding Hack</strong> (например, <code>padding-top: 56.25%</code>) для резервирования динамического пространства для YouTube iframe или фоновых изображений, чтобы избежать скачков контента (Cumulative Layout Shift, CLS) при загрузке страницы.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Сейчас все современные макеты напрямую применяют свойство <code>aspect-ratio: 16 / 9;</code>, создавая семантичный код и позволяя браузеру автоматически рассчитывать недостающее измерение на основе оригинальной ширины, заданной через Grid или Flexbox.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Этот локальный калькулятор пикселей позволяет мгновенно рассчитать масштаб дизайна, что защитит ваши макеты от критических ошибок в настройках.',
+    },
+  ],
+};