LibraTool logoLibraTool

Бесплатен Генератор на слики-полнители

Генерирајте обоени слики-полнители со прилагодени димензии, текст и бои. Стандардни големини за социјални мрежи, макети и дизајн.

Однапред зададени големини

Теми во боја

💡 За HTML макети: користете „Копирај како data URL“ и залепете во <img src="..."> за вградени плејсхолдери. За Figma / Sketch дизајни, преземете PNG и повлечете го.

Како функционира

Сè се случува во вашиот прелистувач користејќи ги HTML Canvas API и рачно напишана SVG ознака — без сервер, без прикачување, без услуга од трета страна. Поставувате димензии, бои и текст на ознака, а алатката ја боји сликата директно на елемент платно во реално време, потоа ја сериjализира во PNG, JPEG, или SVG на барање.

  1. 1
    Конфигурирајте димензии и бои
    Напишете ширина и висина (1–4000 px секоја), или изберете една од единаесетте однапред поставени опции што ги опфаќаат вообичаените социјални мрежи и димензии за дизајн. Изберете боја на позадина и текст од вградените теми или внесете хекс вредност директно; природен избирач на боја и проверено текстуално поле остануваат синхронизирани.
  2. 2
    Canvas API моментално го исцртува прегледот
    React ефект повикува drawPlaceholder() при секоја промена. Оваа функција користи CanvasRenderingContext2D за да го пополни правоаголникот со бојата на позадина, опционално исцртува слаби дијагонални линии со проѕирност 15%, потоа мери и центрирано порамнува вашиот текст на ознака — автоматски намалувајќи го фонтот додека не се вклопи во 90% од ширината на платното.
  3. 3
    Извезете како PNG, JPEG, или SVG
    Преземањата на PNG и JPEG повикуваат canvas.toDataURL(), го конвертираат резултатот base64 во Blob во меморија, и активираат преземање — сè синхроно внатре во геста на корисникот така што правилата за преземање на iOS Safari се задоволени. Извозот SVG гради самостојна SVG низа со совпаѓачки rect, опционални дијагонални линии, и текстуален елемент, потоа ја зачувува како .svg датотека.
  4. 4
    Масовен извоз и кратенки за копирање
    Копчето „Преземи ги сите однапред поставени опции“ динамички увезува JSZip, повторно ги исцртува секоја од единаесетте однапред поставени големини на невидливо платно користејќи ја истата функција за цртање, и ги пакува сите PNG во единствен ZIP. Копчињата за копирање произведуваат PNG data URL, вграден SVG img елемент, или CSS background-image декларација за моментално залепување во код.

Поврзани алатки

Најчесто поставувани прашања