Softonic

Dodawca tekstu do obrazu

Krok 1 / 4

Od podpisów memów po kartki z cytatami, banery motywacyjne i etykiety produktów – tekst umieszczony na obrazach stanowi podstawę większości treści społecznościowych. Prześlij zdjęcie, dodaj jedną lub więcej warstw tekstu z niezależnymi fontami, kolorami i pozycjami, a narzędzie wygeneruje wynik w pełnej rozdzielczości z opcjonalnym konturem, cieniem, tłem oraz wyrównaniem tekstu do każdego rogu.

Jak dodać tekst do obrazu

  1. 1

    Wgraj obraz

    JPG, PNG, WebP.

  2. 2

    Dodaj warstwę tekstu

    Wpisz tekst, przeciągnij go w wybrane miejsce, a rozmiar zmień za pomocą uchwytów w rogach.

  3. 3

    Styl

    Wybierz font (systemowy lub z kolekcji Google Fonts), rozmiar, kolor, kontur oraz cień.

  4. 4

    Dodaj więcej warstw

    Nałóż kilka pól tekstowych, aby tworzyć wielowierszowe memy lub zdjęcia z podpisami.

  5. 5

    Wyeksportuj

    Zrenderowano obraz w pełnej rozdzielczości źródłowej.

Zasady projektowania tekstu na obrazie

Czytelny tekst na każdej fotografii

Trzy techniki zapewniają czytelność tekstu nawet przy intensywnym tle:

  1. Mocny kontur: biały tekst z czarnym konturem o grubości 2–3 px pozostaje czytelny na każdym zdjęciu.
  2. Jednolite tło w kształcie pigułki: prostokąt lub zaokrąglony prostokąt umieszczony za tekstem, o przezroczystości 60–80%.
  3. Lokalna desaturacja: nałóż ciemny obszar o miękkich krawędziach wyłącznie za tekstem.

Formaty memów

Format Rozmieszczenie tekstu Typowy font
Mem góra-dół Biały tekst na górze i na dole z czarnym konturem Impact, pogrubiony bezszeryfowy
Karta z cytatem Wyśrodkowany, duży, szeryfowy lub ozdobny Playfair, Merriweather
Podpis relacji na Instagramie Tło w kształcie pigułki na dole Systemowy bezszeryfowy
Karuzela LinkedIn Lewy górny róg, schludny bezszeryfowy Inter, Helvetica
Nakładka na zrzut ekranu z Twittera Wyśrodkowany z subtelnym cieniem Szeryfowy do ironii; bezszeryfowy do bezpośredniego przekazu

Źródła fontów

  • Fonty systemowe: zerowy czas ładowania, gwarantowane wyświetlanie.
  • Google Fonts: duża biblioteka, ładowana asynchronicznie.
  • Własny plik WOFF2: do typografii charakterystycznej dla marki.

Zadbaj o oddech w kompozycji

  • Nie umieszczaj tekstu na każdej części obrazu.
  • Pozostaw co najmniej 10% marginesu wokół tekstu od krawędzi obrazu.
  • W przypadku kwadratowych postów społecznościowych zasada trójpodziału dotyczy również rozmieszczenia tekstu.

Rozmiar eksportu

Większość platform społecznościowych ponownie koduje Twoje zdjęcie. Eksportuj je w rozmiarze dwukrotnie większym niż docelowy rozmiar wyświetlania i pozwól platformie je pomniejszyć, wynik będzie ostrzejszy niż przy przesłaniu w dokładnym rozmiarze docelowym.

Najczęściej zadawane pytania

Tak – prześlij plik typu WOFF, WOFF2 lub TTF, a zostanie on zarejestrowany dla bieżącej sesji. Fonty specyficzne dla danej marki działają natychmiast; nic nie jest wysyłane poza Twoją przeglądarkę.

Połącz gruby kontur (czarny tekst o grubości 2–3 px na białym) z miękkim cieniem lub umieść tekst w półprzezroczystym prostokącie. Zawsze sprawdzaj wynik w rzeczywistym rozmiarze wyświetlania – tekst, który dobrze wygląda po powiększeniu, może zniknąć na zatłoczonym tle w rozmiarze miniatury.

Tak, przy użyciu systemowego kolorowego fontu emoji. Wyrenderowane emoji będzie wyglądać jak wersja z Twojego systemu operacyjnego; eksportowany obraz ma glify wypalone na stałe, dzięki czemu wyświetla się identycznie w każdej przeglądarce.

Tak. Każda warstwa tekstu ma niezależny obrót i pochylenie. Przydatne przy ukośnych plakietkach „wyprzedaż“ lub pionowych etykietach na bocznych panelach.

Powiązane narzędzia

Próbnik kolorów Material Design

Przeglądaj paletę kolorów Material Design. Kopiuj dowolny odcień (od 50 do A700) w formacie HEX, RGB lub HSL jednym dotknięciem.

Kreator flag

Zaprojektuj w przeglądarce prostą własną flagę 3:2 z sześcioma układami, kolorami, tekstem i symbolem. Pobierz SVG lub PNG albo otwórz okno drukowania przeglądarki.

Przytnij GIF

Przytnij statyczny lub animowany GIF według dokładnych współrzędnych i pobierz ponownie zakodowany plik GIF.

Symulator daltonizmu

Symuluj, jak obraz wygląda przy różnych zaburzeniach widzenia barw: protanopii, deuteranopii, tritanopii i achromatopsji.

Kreator broszur

Napisz prywatną, sześciopanelową broszurę w przeglądarce, sprawdź obie strony, wybierz kolory i wydrukuj każdą stronę w oknie przeglądarki.

Skaner dokumentów

Zrób lub wybierz do 10 zdjęć dokumentu, uporządkuj je, popraw wygląd i utwórz lokalnie PDF A4.

Narzędzie jest dostępne w innych językach