Създаване на икони на приложения
Генерирайте класически favicons, икона на Apple touch, икони на Android/PWA и уеб манифест в един ZIP файл.
Инструменти за изображения на разработчици
Генериране на favicon, PWA икони, srcset и уеб изображения
Създавайте ZIP файлове с готови за инсталиране икони, адаптивни WebP набори, контейнери за LQIP/Data URI, spritesheets, изображения с пикселно изкуство и визуализации на текстури локално.
Favicon + PWATool Office
Отзивчив srcsetTool Office
LQIP / Base64Tool Office
CSS спрайтовеTool Office
Генератор на уеб изображения
Един работен поток за разработчици обхваща производни изображения и кодови фрагменти без отделни страници за всеки размер на икона или формат на контейнер.
Инструмент за зареждане
Инструмент за зареждане
Как да подготвим графични активи за уебсайт
Започнете с чисто изходно изображение, изберете семейството на активите, след това изтеглете последователни имена на файлове и фрагмент за внедряване.
Създайте адаптивни изображения
Експортирайте няколко WebP ширини и копирайте srcset/sizes фрагмент, така че браузърът да може да избере подходящ ресурс.
Създайте леки визуализации
Използвайте доминиращ цвят и малки замъглени данни URI, докато се зарежда пълното изображение.
Резултат, готов за разработчици
Експортираният ZIP включва активи и код заедно, намалявайки грешките при именуване и инсталиране.
Опаковка със стандартен размер
Генерирайте общи размери на браузър, Apple и PWA от един квадратен източник.
Съвети за производителност
Адаптивните ширини и контейнерите помагат да се избегне изпращането на едно прекалено голямо изображение до всяко устройство.
Творчески помощни програми
Създавайте или разделяйте таблици със спрайтове, мащабирайте пикселно изкуство и проверявайте повтарящи се текстурни шевове.
ЧЗВ за активи на уеб изображения
Кои размери на favicon и PWA са включени?
Пакетът включва 16, 32 и 48 px favicons, 180 px Apple touch икона и 192 и 512 px Android/PWA икони.
Как помага адаптивният srcset?
Дава на браузъра множество ширини на изображения плюс подсказки за оформлението, така че да може да избере ресурс, подходящ за слота на дисплея и плътността на пикселите.
Заместителите на Base64 винаги ли са по-бързи?
Не. Те намаляват допълнителната заявка за малък преглед, но увеличават HTML или CSS байтовете. Измерете ги в реалната страница.