Utilia

Генератор на слики за пополнување

Создајте слики за пополнување во која било големина со свои бои и текст, како PNG, JPG, WebP или SVG, или ZIP со вообичаени големини. Без качување.

Формат

Збир од вообичаени големини

Ги користи боите, текстот и форматот погоре. Празен текст ја прикажува секоја големина.

Како да направите слика за пополнување

  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 нема такво ограничување.

Вообичаени големини во збирот

Големина Употреба
150 × 150 Минијатура, аватар
300 × 250 Реклама среден правоаголник
728 × 90 Реклама Leaderboard
160 × 600 Реклама широк облакодер
320 × 50 Мобилен банер
1200 × 630 Open Graph / преглед на врска
1080 × 1080 Квадратна објава
1080 × 1920 Story / вертикално видео
1280 × 720 HD видео, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 Слика 4:3
1600 × 500 Главен банер на веб-страница

Големините за реклами ги следат стандардните единици на IAB што ги користат повеќето рекламни мрежи; големините за социјални мрежи одговараат на препораките на големите платформи.

Зошто да користите слики за пополнување?

Сликите за пополнување го резервираат точниот простор што ќе го зафати сликата пред да постои вистинската. Така дизајнерите и програмерите можат да го проверат распоредот, да ги тестираат точките на прекршување за респонзивен приказ или да му покажат на клиентот каде одат визуелните содржини, без да бараат стоковни фотографии. Печатењето на димензиите врз сликата го прави очигледно која големина ја очекува секое место, а неутрална сива го задржува вниманието на распоредот, а не на содржината.

Бидејќи оваа алатка создава вистински датотеки, можете да ги користите без интернет, да ги ставите во репозиториум или да ги пуштите во алатка за дизајн, без зависност од надворешна услуга за слики за пополнување што може да падне или да ги следи посетителите.

Често поставувани прашања

Како да добијам слика за пополнување без текст?

Внесете едно празно место во Текст. Сликата ќе биде обичен правоаголник со бојата на позадината.

Може ли да ги користам овие слики во комерцијални проекти?

Да. Сликите се создаваат на вашиот уред според вашите поставки; нема што да се лиценцира или да се наведува.

Што значи „×“ во стандардниот текст?

Тоа е знакот за множење што се користи за запишување димензии, прво ширината: „1200×630“ значи 1200 пиксели широко и 630 пиксели високо.

Зошто автоматската големина на фонтот се менува со текстот?

Големината се пресметува така што текстот зафаќа околу 80% од ширината, без да надмине 30% од висината. Кратка порака на широк банер е ограничена од висината; долг текст на тесна слика е ограничен од ширината.

Дали нешто се качува?

Не. Сликите и ZIP датотеката се создаваат целосно во вашиот прелистувач.