Генератор на заместващи изображения

Как да направите заместващо изображение

1. Въведете Ширина (px) и Височина (px), от 1 до 10 000 пиксела. Прегледът и съотношението на страните се обновяват, докато пишете.
2. Въведете Текст или го оставете празен, за да се изпише размерът, например „1200×630“.
3. Изберете Цвят на фона и Цвят на текста.
4. Оставете Размер на шрифта (px) на 0 за автоматичен размер, който се вписва в изображението, или въведете размер в пиксели. Изберете Шрифт.
5. Изберете Формат: PNG, JPG, WebP или SVG, после щракнете върху Изтегли изображението.

За да създадете много размери наведнъж, отворете Пакет от често използвани размери, отметнете нужните размери (или използвайте Избери всички / Не избирай нито един) и щракнете върху Изтегли избраните размери (ZIP). Всяко изображение използва цветовете, шрифта и формата по-горе; когато текстът е празен, всяко изображение показва собствения си размер.

Кой формат да изберете

• SVG е най-лекият (няколкостотин байта, независимо от размера) и остава ясен при всякакво увеличение. Идеален е за макети, прототипи и HTML шаблони. Текстът използва системен шрифт, затова външният му вид може леко да се различава между компютрите.
• PNG дава точни пиксели без загуби. Изберете го за инструменти за дизайн и когато е нужна истинска растерна картина.
• JPG създава малки файлове при големи размери и се приема навсякъде, включително от стари системи за управление на съдържание.
• WebP е по-малък от PNG и JPG и се поддържа от всички съвременни браузъри.

Растерните формати са ограничени до около 16,7 милиона пиксела (например 4096 × 4096), най-големият canvas, който браузърите могат да кодират. SVG няма такова ограничение.

Често използвани размери в пакета

Рекламните размери следват стандартните формати на IAB, използвани от повечето рекламни мрежи; размерите за социални мрежи отговарят на препоръките на основните платформи.

Защо да използвате заместващи изображения?

Заместващите изображения резервират точното място, което ще заеме изображението, преди истинската картина да съществува. Така дизайнерите и програмистите могат да проверят оформлението, да тестват адаптивните точки на прекъсване или да покажат на клиента къде отиват визуалните материали, без да търсят стокови снимки. Изписването на размерите върху изображението показва ясно какъв размер очаква всяко място, а неутралното сиво задържа вниманието върху оформлението, а не върху съдържанието.

Тъй като този инструмент създава истински файлове, можете да ги използвате офлайн, да ги добавите в хранилище или да ги пуснете в инструмент за дизайн, без зависимост от външна услуга за заместващи изображения, която може да спре или да следи посетителите.