@jjlmoya/utils-converters 1.6.0 → 1.8.0

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'konverter-svg-v-png';
+const title = 'Конвертировать SVG в PNG Онлайн и Бесплатно';
+const description =
+  'Конвертируйте векторные файлы SVG в PNG в вашем браузере. HD-вывод в двойном масштабе. Сохраняет прозрачность. Бесплатно и 100% приватно.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Перетащите файлы SVG...',
+  convertText: 'Чтобы мгновенно конвертировать их в PNG',
+  selectFiles: 'Выбрать файлы',
+  processedFiles: 'Обработанные файлы',
+  downloadAll: 'Скачать всё (.zip)',
+  pending: 'В ожидании',
+  bibliographyTitle: 'Библиографические ссылки',
+  faqTitle: 'Часто задаваемые вопросы',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Зачем конвертировать файлы SVG в PNG?',
+    answer:
+      'SVG основан на векторах и идеально подходит для логотипов, но иногда вам нужен растровый формат PNG для использования в приложениях, которые не поддерживают векторы, или для публикации через мессенджеры или социальные сети.',
+  },
+  {
+    question: 'Могу ли я выбрать размер вывода?',
+    answer:
+      'В настоящее время мы удваиваем масштаб исходного SVG, чтобы вывод PNG был четким и подходил для экранов Retina или 4K.',
+  },
+  {
+    question: 'Сохраняется ли прозрачность SVG?',
+    answer:
+      'Да, результирующий PNG сохраняет альфа-канал оригинального SVG, сохраняя все прозрачные фоны нетронутыми.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Вставьте ваши файлы SVG',
+    text: 'Перетащите ваши файлы SVG прямо в верхнюю область.',
+  },
+  {
+    name: 'Генерация HD PNG',
+    text: 'За миллисекунды наш локальный движок воссоздаст каждый вектор как пиксельный слой HD в формате прозрачного PNG.',
+  },
+  {
+    name: 'Скачайте файлы',
+    text: 'Сохраните сгенерированные PNG по отдельности или в виде ZIP-архива.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'Спецификация W3C SVG',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: учебник по SVG',
+    url: 'https://developer.mozilla.org/ru/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'Конвертер SVG в PNG: От бесконечного вектора к универсальному растру',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) — идеальный выбор для веб-дизайна: бесконечно масштабируемый, легкий и редактируемый в любом текстовом редакторе. Но когда вам нужно использовать этот логотип или иконку в мобильном приложении, опубликовать в социальных сетях или вставить в презентацию PowerPoint, вы сталкиваетесь с препятствием: большинство этих платформ не поддерживают SVG. Формат <strong>PNG</strong> — универсальное решение: растровый, с альфа-каналом и совместимый абсолютно в любом контексте.',
+  },
+  {
+    type: 'title',
+    text: 'SVG против PNG: векторы для веба, растр для мира',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG хранит изображение в виде математических инструкций: кривая Безье, градиент, многоугольник. Это означает, что один и тот же файл выглядит идеально и при 16 пикселях, и при 16 000. Это идеальный формат для вашего веб-кода, CSS-анимаций и любого элемента, который должен адаптироваться к различным разрешениям экрана без потери качества.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG хранит изображение в виде сетки пикселей с информацией о цвете и прозрачности для каждого пикселя. Это формат <strong>без потерь</strong>, что означает полное сохранение качества. Как только SVG растеризуется в PNG, разрешение фиксируется. Вот почему выбор правильного размера экспорта имеет решающее значение: наш инструмент выполняет рендеринг в двойном масштабе (2x) для обеспечения четкости на экранах Retina и 4K.',
+  },
+  {
+    type: 'title',
+    text: 'Сравнение: локальная vs облачная конвертация',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Облачные конвертеры',
+        description: 'Инструменты, которые загружают ваши файлы на удаленный сервер.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Ваш код SVG передается на внешние серверы',
+          'Удаленный рендеринг с нестабильным качеством',
+          'Время ожидания загрузки и обработки',
+          'Ограничения на размер файла SVG',
+        ],
+      },
+      {
+        title: 'Наша локальная архитектура',
+        description: 'Прямая обработка на вашем оборудовании с использованием технологии Vanilla JS.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Ваш SVG никогда не покидает браузер',
+          'Рендеринг нативным движком браузера для максимальной точности',
+          'PNG в разрешении 2x для экранов с высокой плотностью пикселей',
+          'Прозрачность сохраняется благодаря полному альфа-каналу',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Как это работает технически',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Процесс начинается с загрузки файла SVG в элемент JavaScript <strong>Image</strong>. Как только движок браузера разберет и отрисует векторный XML, результирующее изображение отрисовывается на <strong>HTML5 Canvas</strong>, размеры которого в два раза превышают исходный размер SVG (масштаб 2x). Это создает PNG с удвоенным количеством пикселей по каждому измерению, что идеально подходит для экранов с высоким разрешением.',
+  },
+  {
+    type: 'paragraph',
+    html: 'В отличие от конвертации в JPG, при экспорте в PNG холст сохраняет полный альфа-канал: прозрачные области в оригинальном SVG становятся полностью прозрачными пикселями в результирующем PNG — никакой заливки белым фоном. Для экспорта используется метод <code>toDataURL(\'image/png\')</code> со сжатием без потерь.',
+  },
+  {
+    type: 'tip',
+    title: 'Совет перед растеризацией',
+    html: 'Тщательно выбирайте размер экспорта в PNG — растеризация SVG является необратимым процессом: вы не сможете восстановить векторы из полученного PNG. Всегда сохраняйте оригинальный SVG в качестве мастер-источника и создавайте PNG в самом высоком разрешении, которое вам когда-либо может понадобиться.',
+  },
+  {
+    type: 'title',
+    text: 'Варианты использования и совместимость',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Экспорт векторных логотипов для презентаций PowerPoint или Google Slides.',
+      'Создание иконок PNG для iOS, Android или прогрессивных веб-приложений (PWA).',
+      'Публикация дизайнов SVG в Instagram, LinkedIn или других социальных сетях.',
+      'Вставка векторных иллюстраций в документы Word или PDF.',
+      'Генерация миниатюр PNG для предварительного просмотра графики SVG в CMS.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Заключение',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG — язык векторов; PNG — паспорт в остальной цифровой мир. Этот инструмент растеризует ваши SVG в разрешении 2x с сохранением прозрачности прямо в вашем браузере, без передачи ни одного байта вашего дизайна на внешние серверы.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ru', faq, howTo }),
+};

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

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'konvertera-svg-till-png';
+const title = 'Konvertera SVG till PNG Online och Gratis';
+const description =
+  'Konvertera SVG-vektorfiler till PNG i din webbläsare. HD-utmatning i dubbel skala. Bevarar transparens. Gratis och 100 % privat.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Dra SVG-filer hit...',
+  convertText: 'För att konvertera dem till PNG direkt',
+  selectFiles: 'Välj filer',
+  processedFiles: 'Bearbetade filer',
+  downloadAll: 'Ladda ner alla (.zip)',
+  pending: 'Väntande',
+  bibliographyTitle: 'Bibliografiska Referenser',
+  faqTitle: 'Vanliga Frågor',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Varför konvertera SVG-filer till PNG?',
+    answer:
+      'SVG är vektorbaserat och idealiskt för logotyper, men ibland behöver du det rastrerade PNG-formatet för användning i applikationer som inte stöder vektorer, eller för att dela via meddelandeappar eller sociala medier.',
+  },
+  {
+    question: 'Kan jag välja storlek på utmatningen?',
+    answer:
+      'Vi fördubblar för närvarande skalan på käll-SVG:n så att PNG-utmatningen är skarp och lämplig för Retina- eller 4K-skärmar.',
+  },
+  {
+    question: 'Behålls SVG-transparens?',
+    answer:
+      'Ja, den resulterande PNG-filen bevarar alfakanalen från den ursprungliga SVG-filen, vilket håller alla transparenta bakgrunder intakta.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Lägg till dina SVG-filer',
+    text: 'Släpp dina SVG-filer eller dra dem direkt till det övre området.',
+  },
+  {
+    name: 'HD PNG-generering',
+    text: 'På några millisekunder kommer vår lokala motor att återskapa varje vektor som ett HD-pixellager i transparent PNG-format.',
+  },
+  {
+    name: 'Ladda ner filerna',
+    text: 'Spara de genererade PNG-filerna individuellt eller som ett ZIP-paket.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG-specifikation',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG-handledning',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG till PNG-konverterare: Från oändlig vektor till universellt raster',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) är det perfekta valet för webbdesign: oändligt skalbart, lättviktigt och redigerbart med vilken kodredigerare som helst. Men när du vill använda den logotypen eller ikonen i en mobilapp, dela den på sociala medier eller infoga den i en PowerPoint presentation, stöter du på patrull: de flesta av dessa plattformar stöder inte SVG. <strong>PNG</strong>-formatet är den universella lösningen: rastrerat, med en alfakanal och kompatibelt i absolut alla sammanhang.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vektorer för webben, raster för världen',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG lagrar bilden som matematiska instruktioner: en Bézier kurva, en toning, en polygon. Det betyder att samma fil ser perfekt ut i 16 px eller 16 000 px. Det är det ideala formatet för din webbkod, CSS-animationer och alla element som behöver anpassas till olika skärmupplösningar utan kvalitetsförlust.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG lagrar bilden som ett pixelrutnät med färg- och transparensinformation för varje pixel. Det är ett <strong>förlustfritt</strong> format, vilket innebär att kvaliteten bevaras helt. När en SVG väl har rastrerats till PNG är upplösningen fast. Därför är valet av rätt exportstorlek avgörande: vårt verktyg renderar i dubbel skala (2x) för att säkerställa skärpa på Retina och 4K skärmar.',
+  },
+  {
+    type: 'title',
+    text: 'Jämförelse: Lokal vs Molnkonvertering',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Molnkonverterare',
+        description: 'Verktyg som laddar upp dina filer till en fjärrserver.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Din SVG-kod skickas till externa servrar',
+          'Fjärr-rendering med inkonsekvent kvalitet',
+          'Väntetid för uppladdning och bearbetning',
+          'Begränsningar i storlek på SVG-filen',
+        ],
+      },
+      {
+        title: 'Vår Lokala Arkitektur',
+        description: 'Direkt bearbetning på din hårdvara med Vanilla JS-teknik.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Din SVG lämnar aldrig din webbläsare',
+          'Rendering med den infödda webbläsarmotorn för maximal trohet',
+          'PNG i 2x upplösning för skärmar med hög densitet',
+          'Transparens bevaras med full alfakanal',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hur det fungerar tekniskt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Processen börjar med att SVG-filen laddas in i ett JavaScript <strong>Image</strong>-element. När webbläsarmotorn har analyserat och renderat vektorns XML ritas den resulterande bilden på ett <strong>HTML5 Canvas</strong> vars dimensioner är dubbelt så stora som den ursprungliga SVG-storleken (2x skala). Detta ger en PNG med dubbelt så många pixlar per dimension, idealiskt för högupplösta skärmar.',
+  },
+  {
+    type: 'paragraph',
+    html: 'Till skillnad från konvertering till JPG behåller canvasen den fullständiga alfakanalen vid export till PNG: transparenta områden i den ursprungliga SVG-filen blir helt transparenta pixlar i den resulterande PNG-filen – ingen vit bakgrundsfyllning. Exporten använder metoden <code>toDataURL(\'image/png\')</code> med förlustfri komprimering.',
+  },
+  {
+    type: 'tip',
+    title: 'Tips före rastrering',
+    html: 'Välj din PNG-exportstorlek noggrant – att rastrera en SVG är en enkelriktad process: du kan inte återfå vektorerna från den resulterande PNG-filen. Behåll alltid den ursprungliga SVG-filen som masterkälla och generera PNG-filer i den högsta upplösning du någonsin kan tänkas behöva.',
+  },
+  {
+    type: 'title',
+    text: 'Användningsområden och kompatibilitet',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Exportera vektorlogotyper för PowerPoint eller Google Slides presentationer.',
+      'Skapa PNG-ikoner för iOS, Android eller Progressive Web Apps.',
+      'Dela SVG-design på Instagram, LinkedIn eller andra sociala medier.',
+      'Infoga vektorillustrationer i Word-dokument eller PDF-filer.',
+      'Generera PNG-miniatyrer av SVG-grafik för CMS-förhandsgranskning.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Slutsats',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG är vektorernas språk; PNG är passet till resten av den digitala världen. Detta verktyg rastrerar dina SVG-filer i 2x upplösning med bibehållen transparens, direkt i din webbläsare, utan att en enda byte av din design skickas till någon extern server.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'sv', faq, howTo }),
+};

package/src/tool/svgAPng/i18n/tr.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-den-png-ye-donusturucu';
+const title = 'SVG\'yi PNG\'ye Çevrimiçi ve Ücretsiz Dönüştürün';
+const description =
+  'SVG vektör dosyalarını tarayıcınızda PNG\'ye dönüştürün. Çift ölçekli HD çıktı. Şeffaflığı korur. Ücretsiz ve %100 özel.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG dosyalarını sürükleyin...',
+  convertText: 'Onları anında PNG\'ye dönüştürmek için',
+  selectFiles: 'Dosyaları seçin',
+  processedFiles: 'İşlenmiş dosyalar',
+  downloadAll: 'Tümünü İndir (.zip)',
+  pending: 'Bekliyor',
+  bibliographyTitle: 'Bibliyografik Referanslar',
+  faqTitle: 'Sıkça Sorulan Sorular',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Neden SVG dosyalarını PNG\'ye dönüştürmeliyiz?',
+    answer:
+      'SVG vektör tabanlıdır ve logolar için idealdir, ancak bazen vektörleri desteklemeyen uygulamalarda kullanmak veya mesajlaşma uygulamaları ya da sosyal medya üzerinden paylaşmak için rasterleştirilmiş PNG formatına ihtiyacınız olur.',
+  },
+  {
+    question: 'Çıktı boyutunu seçebilir miyim?',
+    answer:
+      'PNG çıktısının keskin ve Retina veya 4K ekranlar için uygun olması için şu anda kaynak SVG\'nin ölçeğini iki katına çıkarıyoruz.',
+  },
+  {
+    question: 'SVG şeffaflıkları korunuyor mu?',
+    answer:
+      'Evet, sonuçta elde edilen PNG, orijinal SVG\'nin alfa kanalını koruyarak tüm şeffaf arka planları olduğu gibi tutar.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'SVG dosyalarınızı yerleştirin',
+    text: 'SVG dosyalarınızı bırakın veya doğrudan üst alana sürükleyin.',
+  },
+  {
+    name: 'HD PNG Üretimi',
+    text: 'Milisaniyeler içinde yerel motorumuz her bir vektörü şeffaf PNG formatında bir HD piksel katmanı olarak yeniden oluşturacaktır.',
+  },
+  {
+    name: 'Dosyaları indirin',
+    text: 'Oluşturulan PNG\'leri tek tek veya ZIP paketi olarak kaydedin.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Özellikleri',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG Eğitimi',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG\'den PNG\'ye Dönüştürücü: Sonsuz Vektörden Evrensel Rastere',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Ölçeklenebilir Vektör Grafikleri) web tasarımı için mükemmel bir seçimdir: sonsuz ölçeklenebilir, hafiftir ve herhangi bir kod düzenleyiciyle düzenlenebilir. Ancak bu logoyu veya simgeyi bir mobil uygulamada kullanmak, sosyal medyada paylaşmak veya bir PowerPoint sunumuna yerleştirmek istediğinizde bir engelle karşılaşırsınız: Bu platformların çoğu SVG\'yi desteklemez. <strong>PNG</strong> formatı evrensel çözümdür: rasterleştirilmiştir, bir alfa kanalına sahiptir ve kesinlikle her bağlamda uyumludur.',
+  },
+  {
+    type: 'title',
+    text: 'SVG mi PNG mi? Web için Vektörler, Dünya için Raster',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG, görüntüyü matematiksel talimatlar olarak saklar: bir Bézier eğrisi, bir gradyan, bir çokgen. Bu, aynı dosyanın 16 pikselde veya 16.000 pikselde mükemmel görünmesi anlamına gelir. Web kodunuz, CSS animasyonlarınız ve herhangi bir kalite kaybı olmadan farklı ekran çözünürlüklerine uyum sağlaması gereken her öğe için ideal formattır.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG, görüntüyü her piksel için renk ve şeffaflık bilgilerini içeren bir piksel ızgarası olarak saklar. <strong>Kayıpsız</strong> (lossless) bir formattır, yani kalite tamamen korunur. Bir SVG, PNG\'ye rasterleştirildikten sonra çözünürlük sabittir. Bu nedenle doğru dışa aktarma boyutunu seçmek kritiktir: Aracımız, Retina ve 4K ekranlarda keskinliği sağlamak için çift ölçekte (2 kat) işleme yapar.',
+  },
+  {
+    type: 'title',
+    text: 'Karşılaştırma: Yerel ve Bulut Dönüştürme',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Bulut Dönüştürücüler',
+        description: 'Dosyalarınızı uzak bir sunucuya yükleyen araçlar.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'SVG kodunuz harici sunuculara gider',
+          'Tutarsız kalitede uzaktan işleme',
+          'Yükleme ve işleme için bekleme süresi',
+          'SVG dosya boyutu sınırlamaları',
+        ],
+      },
+      {
+        title: 'Yerel Mimarimiz',
+        description: 'Vanilla JS teknolojisini kullanarak doğrudan donanımınızda işleme.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVG\'niz tarayıcınızdan asla ayrılmaz',
+          'Maksimum doğruluk için yerel tarayıcı motoru işlemesi',
+          'Yüksek yoğunluklu ekranlar için 2 kat çözünürlüklü PNG',
+          'Tam alfa kanalıyla korunan şeffaflık',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Teknik Olarak Nasıl Çalışır',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Süreç, SVG dosyasının bir JavaScript <strong>Image</strong> öğesine yüklenmesiyle başlar. Tarayıcı motoru vektör XML\'ini ayrıştırıp işledikten sonra, sonuç görüntüsü boyutları orijinal SVG boyutunun iki katı (2 kat ölçek) olan bir <strong>HTML5 Canvas</strong> üzerine çizilir. Bu, yüksek çözünürlüklü ekranlar için ideal olan, her boyutta iki kat piksele sahip bir PNG üretir.',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG\'ye dönüştürmenin aksine, PNG\'ye dışa aktarırken tuval tam alfa kanalını korur: Orijinal SVG\'deki şeffaf alanlar, sonuçta elde edilen PNG\'de tamamen şeffaf pikseller haline gelir — beyaz arka plan dolgusu olmaz. Dışa aktarma işlemi, kayıpsız sıkıştırma ile <code>toDataURL(\'image/png\')</code> yöntemini kullanır.',
+  },
+  {
+    type: 'tip',
+    title: 'Rasterleştirmeden önce ipucu',
+    html: 'PNG dışa aktarma boyutunuzu dikkatli seçin — bir SVG\'yi rasterleştirmek tek yönlü bir işlemdir: vektörleri sonuçta elde edilen PNG\'den geri kazanamazsınız. Her zaman orijinal SVG\'yi ana kaynak olarak tutun ve ihtiyaç duyabileceğiniz en yüksek çözünürlükte PNG\'ler oluşturun.',
+  },
+  {
+    type: 'title',
+    text: 'Kullanım Durumları ve Uyumluluk',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'PowerPoint veya Google Slides sunumları için vektör logolarını dışa aktarma.',
+      'iOS, Android veya Progresif Web Uygulamaları için PNG simgeleri oluşturma.',
+      'SVG tasarımlarını Instagram, LinkedIn veya diğer sosyal medyalarda paylaşma.',
+      'Vektör illüstrasyonlarını Word belgelerine veya PDF\'lere yerleştirme.',
+      'CMS önizlemesi için SVG grafiklerinin PNG küçük resimlerini oluşturma.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Sonuç',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG vektörlerin dilidir; PNG ise dijital dünyanın geri kalanına açılan pasaporttur. Bu araç, tasarımlarınızın tek bir baytı bile harici bir sunucuya gitmeden, doğrudan tarayıcınızda, SVGs\'lerinizi şeffaflığı bozulmadan 2 kat çözünürlükte rasterleştirir.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'tr', faq, howTo }),
+};