03 / РУКОВОДСТВА
Изображения кода для документов и слайдов
Выберите PNG или SVG, проверьте шрифты и масштаб, сохраняя читаемость кода.
Контент поддерживается Toolars · Обновлено 2026-09-25
Выберите формат
PNG фиксирует пиксели и удобен для слайдов и чатов. SVG масштабируется, но без загруженного шрифта зависит от системных шрифтов. Проверенный шрифт встраивается целиком, увеличивая файл; просмотрщик должен это поддерживать. Проверьте результат в целевой программе.
Сравните 1x и 2x
Скачайте из этого руководства образец JavaScript code.txt, вставьте его в Code to Image и создайте изображение в масштабе 1x. Запишите размеры, затем измените только масштаб на 2x и повторите. Ширина и высота удвоятся, число пикселей PNG увеличится вчетверо, но детализация кода не вырастет. Сравните результаты при одинаковой отображаемой ширине. Если масштаб 2x превышает лимит экспорта, сократите фрагмент или отступы.
Проверьте многоязычный текст и длинные строки
Попробуйте комментарий с китайскими или японскими символами и разрешённый для встраивания шрифт со всеми знаками. Отсутствующие глифы в загруженном шрифте останавливают генерацию. Для системных шрифтов проверьте PNG и откройте SVG на целевом устройстве. Длинный код разбейте на короткие примеры.
Перед публикацией
Проверьте отступы, пунктуацию, контраст и номера строк в конечном размере. Не публикуйте ключи или закрытый код. Инструмент не выполняет код. Добавьте исходник текстом и очистите рабочую область после приватных материалов.
Поддержка и проверка
Toolars поддерживает это руководство и связанный инструмент. Сообщайте о расхождениях между инструкциями и текущим результатом, чтобы их можно было проверить вместе.
Пример для скачивания ниже — синтетические тестовые данные, а не история клиента. При повторении сохраняйте входные данные и настройки; проверяйте скачанный файл по указанным критериям, а не только предпросмотр.
Проверки относятся только к этому примеру и не подтверждают работу со всеми файлами, браузерами или целевыми приложениями. Повторяйте их после изменений инструмента и проверяйте свой результат перед публикацией.
Сообщить о проблеме в тексте или инструментеПовторите процесс на примере
Синтетические образцы Toolars · обновлено 2026-09-13. Показывают процесс, а не качество реальных фото или сканов и не гарантируют приём платформой.
Вставьте образец JavaScript в инструмент изображения кода и выберите JavaScript. Создайте предпросмотр, экспортируйте PNG в 1× и 2×. Сверьте размеры, длинную числовую строку и отступы при 100%. Масштаб меняет пиксели, а не точность исходного текста. SVG без встроенного шрифта может выглядеть по-разному на устройствах.
Открыть инструментОткрыть преобразование кода в изображение
Выберите PNG или SVG, проверьте шрифты и масштаб, сохраняя читаемость кода.