JPG в Base64 — бесплатно, мгновенно, прямо в браузере
Конвертер JPG в Base64
До 10 МБ. Ничего не загружается — файл не покидает ваше устройство.
Используйте это в атрибуте <img src> или в CSS url().
Без префикса data: — для JSON и API.
Ваши файлы остаются конфиденциальными
Это преобразование целиком выполняется в вашем браузере. Изображение никогда не загружается, поэтому ничто из закодированного здесь не попадает ни на наш сервер, ни к кому-либо ещё.
О преобразовании JPG в Base64
Файлы JPG — это фотографии, а фотографии тяжёлые. Один этот факт меняет расчёт по сравнению с иконкой: снимок в 200 КБ превращается примерно в 267 КБ текста, который браузер обязан скачать целиком, держать в памяти и раскодировать, прежде чем сможет что-либо показать. Для большинства сайтов это плохая сделка. Но есть три ситуации, где она как раз верна.
Как преобразовать JPG в Base64
- 1 Перетащите файл .jpg или .jpeg в область загрузки.
- 2 Посмотрите на строку с размером, которую показывает инструмент, — именно это число решает, разумно ли встраивание.
- 3 Скопируйте data URI для HTML и CSS либо «сырую» строку, если помещаете её в JSON.
Для обычной веб-страницы это обычно ошибка
Обычный тег изображения позволяет браузеру загрузить фото параллельно, кешировать его месяцами, вовсе пропустить, если оно ниже видимой области, и подставить уменьшенный вариант на телефоне. Встраивание разом отбрасывает все четыре возможности. Теперь фото приходит внутри HTML или CSS, задерживает первую отрисовку, не кешируется само по себе, скачивается даже теми, кто до него не долистает, и одинаково на мониторе 4K и на бюджетном телефоне. Чем крупнее снимок, тем дороже обходится каждый из этих пунктов.
Три случая, когда это оправдано
На первом месте почтовые шаблоны: многие клиенты по умолчанию блокируют внешние изображения, поэтому встроенное фото — единственное, что надёжно отображается. Второе — крошечные заглушки: намеренно размытая картинка в несколько сотен байт, встроенная, чтобы что-то было видно, пока грузится настоящее фото. Третье — провести картинку через систему, принимающую только текст: JSON-API, тело вебхука, колонку базы данных, очередь сообщений. Во всех трёх случаях альтернатива — не более быстрое изображение, а его отсутствие.
Уменьшите фото до кодирования
У Base64 нет мнения о том, что ему дают: он увеличит и отпускной снимок на 3 МБ, и миниатюру одинаково добросовестно. Поэтому делайте работу в правильном порядке: обрежьте до размера, в котором действительно покажете, снижайте качество JPG, пока разница не перестанет быть заметной, и только потом кодируйте. Фотографии, которую покажут шириной 400 пикселей, нечего делать в кодировке на 4000. Если результат всё равно тянет на сотни килобайт — это инструмент говорит вам дать ссылку на файл.