Dodaj napis na zdjęciu
Napis na zdjęciu: przeciągnij zdjęcie, wpisz tekst i przesuń go w odpowiednie miejsce – gotowe. Kilka pól tekstowych, czytelnych dzięki obrysowi lub paskowi. Zdjęcie zostaje na Twoim urządzeniu.
Źródło: WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText). Stan na: .
Jak to obliczamy
W skrócie: to narzędzie dodaje napis na zdjęciu bezpośrednio w przeglądarce – z wybraną czcionką, kolorem, obrysem, cieniem lub paskiem tła. Wynik zapisuje się w pełnej rozdzielczości oryginału, a zdjęcie nie opuszcza Twojego urządzenia.
Jak to działa
- Przeciągnij zdjęcie, wybierz je lub wklej przez Ctrl + V.
- Wpisz tekst. Enter tworzy nowy wiersz; zbyt długie wiersze łamią się same przy 90% szerokości zdjęcia.
- Wybierz czcionkę, rozmiar i kolor. Na pstrokatym tle włącz obrys albo pasek tła, żeby napis był czytelny.
- Przeciągnij tekst w wybrane miejsce. Przyciskiem „+ Pole tekstowe” dodasz kolejne napisy, np. na górze i na dole.
- „Zapisz zdjęcie” – jako JPG, PNG lub WebP.
Dlaczego obrys i pasek pomagają
Biały napis na jasnym niebie albo czarny na ciemnym swetrze trudno odczytać. Wytyczne dostępności WCAG 2.2 wymagają kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego. Na zdjęciu tło ciągle się zmienia – ciemny obrys wokół jasnych liter lub półprzezroczysty pasek utrzymuje wysoki kontrast w całym wierszu. Tekst rysują funkcje canvas strokeText i fillText ze standardu HTML: najpierw obrys, potem wypełnienie na wierzchu.
Wszystkie czcionki są na licencji SIL Open Font License 1.1 i leżą na tym serwerze; wczytują się dopiero po wybraniu. Rozmiary są liczone względem szerokości zdjęcia, więc zapisany plik wygląda dokładnie jak podgląd, nawet jeśli jest dużo większy. Czcionki obsługują polskie znaki (ą, ę, ł, ś, ż).
Uczciwe ograniczenia
- Dodatkowe czcionki zawierają alfabet łaciński z polskimi i tureckimi znakami. Japoński, cyrylicę i emoji przeglądarka rysuje czcionką systemową.
- Brak efektów takich jak gradient, tekst po łuku czy naklejki. Do znaku wodnego na całym zdjęciu lepiej nadaje się narzędzie „Dodaj znak wodny”.
- JPG jest przy zapisie ponownie kompresowany, a dane EXIF (miejsce, aparat) nie są zachowywane. Na iPhonie i iPadzie obrazy są ograniczone do 16,7 megapiksela.
Prywatność
Zdjęcie i tekst są przetwarzane tylko w przeglądarce i nigdzie nie są wysyłane. Tekst też nie jest zapisywany.
Najczęściej zadawane pytania
Jak dodać napis na zdjęciu za darmo?
Przeciągnij tu zdjęcie, wpisz tekst, ustaw go i kliknij „Zapisz zdjęcie”. Działa na telefonie i komputerze, bez aplikacji i bez zakładania konta.
Jak dodać napis na zdjęciu na iPhonie?
Otwórz tę stronę w Safari, stuknij „Wybierz plik” i wskaż zdjęcie z biblioteki. Po zapisaniu opcja „Zachowaj w Zdjęciach” przeniesie je z powrotem do aplikacji Zdjęcia. Sama aplikacja Zdjęcia ma też proste pole tekstowe w „Edycja → Oznaczanie”.
Jak sprawić, żeby napis na zdjęciu był czytelny?
Liczy się kontrast: jasne litery z ciemnym obrysem albo półprzezroczysty pasek pod tekstem. Grube, wąskie czcionki jak Anton czy Bebas Neue są czytelne nawet na małym ekranie.
Czy mogę dodać napis na górze i na dole zdjęcia?
Tak. Dodaj kilka pól przyciskiem „+ Pole tekstowe” i ustaw je przyciskami „Na górze”, „Na środku”, „Na dole” albo przeciągając. Napis zawsze leży na zdjęciu; narzędzie nie dodaje białej ramki.
Czy zdjęcie traci na jakości?
Zapisuje się w pełnej rozdzielczości. Jako PNG bez strat, jako JPG lub WebP z regulowaną jakością – od około 90% różnica jest ledwie widoczna.
Czy mogę używać tych czcionek w social media lub reklamie?
Tak. Wszystkie czcionki są na licencji SIL Open Font License i można ich używać komercyjnie. Licencja nie ogranicza obrazów, które nimi stworzysz.
Źródła i podstawa prawna
- WHATWG HTML Living Standard – Canvas: drawing text (fillText, strokeText)
- W3C – WCAG 2.2, 1.4.3 Contrast (Minimum): 4.5:1, large text 3:1
- MDN – FontFace (CSS Font Loading API)
- SIL Open Font License 1.1 – official text
- Anton – SIL Open Font License 1.1 (Google Fonts, ofl/anton)
- Bebas Neue – SIL Open Font License 1.1 (Google Fonts, ofl/bebasneue)
- Bangers – SIL Open Font License 1.1 (Google Fonts, ofl/bangers)
- DM Serif Display – SIL Open Font License 1.1 (Google Fonts, ofl/dmserifdisplay)
- Pacifico – SIL Open Font License 1.1 (Google Fonts, ofl/pacifico)
- Caveat – SIL Open Font License 1.1 (Google Fonts, ofl/caveat)
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Stan na:
Podobne narzędzia
- Dodaj znak wodny do zdjęćDodaj znak wodny do zdjęć online: tekst lub logo, krycie, obrót, 9 pozycji lub kafelki. Do 20 zdjęć naraz, pobieranie ZIP, bez wysyłania. Za darmo.
- Edytor zdjęć onlineEdytuj zdjęcia w przeglądarce: jasność, kontrast, nasycenie, ciepło barw, filtry czarno-białe i sepia, obracanie. Za darmo, w pełnej rozdzielczości.
- Przycinanie zdjęć onlinePrzycinanie zdjęć online bez wysyłania pliku: dowolny kadr, kwadrat 1:1, 4:3, 16:9 lub 9:16 i gotowe formaty Instagram i YouTube. Za darmo, także na telefonie.
- Kolaż zdjęć onlineZrób kolaż zdjęć online: od 2 do 9 zdjęć, 11 układów, formaty na Instagram, relację lub odbitkę 10 × 15, odstęp i kolor ramki. Za darmo.
- Tworzenie naklejek ze zdjęciaWgraj zdjęcie, pobierz naklejkę: bez tła, z białą obwódką i napisem jak w memie – gotowa na WhatsApp (WebP 512 px) lub Telegram. Bez aplikacji i przesyłania.
- Dodaj ramkę do zdjęciaDodaj ramkę do zdjęcia online: biała lub kolorowa ramka, styl zdjęcia błyskawicznego, zaokrąglone rogi i przezroczysta ramka, z podglądem. Za darmo.