Skip to main content
Edytor adnotacji pozwala rysować na zrzutach ekranu, aby wyróżnić ważne obszary, wskazać konkretne elementy UI, dodać numery kroków, rozmyć wrażliwe dane i więcej. Jest zbudowany na Fabric.js i oferuje 14 specjalistycznych narzędzi.

Otwieranie edytora adnotacji

Kliknij przycisk Adnotacje na dowolnym bloku zrzutu ekranu zawierającym obraz. Edytor adnotacji otwiera się w oknie modalnym ze zrzutem ekranu jako tłem płótna. Po zakończeniu kliknij Gotowe, aby zapisać adnotacje, lub Anuluj, aby odrzucić zmiany.

Narzędzia adnotacji

Pasek narzędzi na górze edytora adnotacji udostępnia następujące narzędzia:

Narzędzia kształtów

NarzędzieSkrótOpis
StrzałkaARysuj prostą strzałkę wskazującą z jednego miejsca na drugie. Świetna do wskazywania elementów UI.
Zakrzywiona strzałkaShift+ARysuj strzałkę o zakrzywionej ścieżce. Przydatna do płynnych wskazań.
ProstokątRRysuj prostokąt (obrys lub wypełnienie). Używaj do ramkowania obszarów zainteresowania.
ElipsaORysuj elipsę (obrys lub wypełnienie). Używaj do okrągłych wyróżnień.
LiniaLRysuj prostą linię. Przydatna do podkreśleń lub połączeń.

Narzędzie tekstowe

NarzędzieSkrótOpis
TekstTKliknij na płótnie, aby umieścić pole tekstowe. Wpisz etykietę, dymek lub instrukcję.

Narzędzie rysowania

NarzędzieSkrótOpis
OdręcznieDRysuj swobodnie myszą lub gładzikiem. Idealne do nieformalnego zakreślania lub podkreślania.

Narzędzia efektów

NarzędzieSkrótOpis
WyróżnienieHRysuj półprzezroczysty prostokąt, aby podświetlić obszar. Efekt podobny do zakreślacza.
PikselizacjaPRozmyj lub spikselizuj obszar, aby ukryć wrażliwe informacje (hasła, dane osobowe itp.).
SpotlightSPrzyciemnia cały obraz z wyjątkiem zaznaczonego obszaru, skupiając uwagę na konkretnym miejscu.
LupaMTworzy powiększony bąbelek nad małym obszarem, czyniąc drobne szczegóły widocznymi.

Narzędzia użyteczne

NarzędzieSkrótOpis
Licznik krokówNUmieszcza ponumerowane kółka (1, 2, 3…) wskazujące kolejne kroki. Numery rosną automatycznie.
KadrowanieCPrzytnij zrzut ekranu do określonego obszaru, usuwając zbędne krawędzie.
GumkaEUsuwaj poszczególne obiekty adnotacji klikając na nie. Nie wymazuje tła obrazu.

Opcje personalizacji

Każde narzędzie adnotacji obsługuje personalizację przez panel właściwości:
WłaściwośćDostępna dlaOpis
KolorWszystkie narzędziaWybierz z 8 predefiniowanych kolorów (czerwony, pomarańczowy, żółty, zielony, niebieski, fioletowy, biały, czarny) lub wybierz własny kolor
Grubość obrysuKształty, strzałki, linie, odręcznieDostosuj grubość linii (domyślnie: 2px)
PrzezroczystośćWszystkie narzędziaKontroluj przezroczystość od pełnej do prawie niewidocznej
Rozmiar czcionkiNarzędzie tekstoweDostosuj rozmiar tekstu (domyślnie: 16px)
Rodzina czcionkiNarzędzie tekstoweTekst domyślnie używa czcionki Inter

Cofnij i ponów

Edytor adnotacji ma własną historię cofania/ponawiania, oddzielną od głównego edytora dokumentu:
AkcjaSkrót
CofnijCmd+Z (macOS) / Ctrl+Z (Win)
PonówCmd+Shift+Z (macOS) / Ctrl+Shift+Z (Win)
Możesz też użyć przycisków Cofnij i Ponów na pasku narzędzi adnotacji.

Zapisywanie adnotacji

1

Dodaj adnotacje

Użyj dowolnej kombinacji narzędzi, aby opatrzyć zrzut ekranu adnotacjami.
2

Kliknij Gotowe

Naciśnij przycisk Gotowe (znacznik) na pasku narzędzi. Adnotacje są kompozytowane na obraz.
3

Skomponowany obraz zapisany

Obraz z adnotacjami jest zapisywany jako nowa skomponowana wersja do Backblaze B2. Oryginalny zrzut ekranu jest przechowywany oddzielnie.
Adnotacje są kompozytowane (spłaszczane) na obraz podczas zapisu. Oznacza to, że wersja z adnotacjami to nowy plik obrazu. Oryginalny zrzut ekranu bez adnotacji pozostaje przechowywany i można go przywrócić.

Wskazówki dotyczące skutecznych adnotacji

1

Używaj strzałek do wskazywania

Skieruj strzałki na dokładny przycisk lub pole, z którym czytelnik musi wejść w interakcję. Utrzymuj strzałki krótkie i blisko celu.
2

Używaj liczników kroków dla sekwencji

Gdy zrzut ekranu pokazuje wiele akcji, umieszczaj ponumerowane liczniki kroków (1, 2, 3) w kolejności, w jakiej czytelnik powinien postępować.
3

Rozmywaj wrażliwe dane

Zawsze używaj narzędzia Pikselizacja, aby zasłonić hasła, klucze API, adresy email i inne dane osobowe przed udostępnieniem.
4

Zachowaj umiar

Dwie lub trzy adnotacje na zrzut ekranu to zwykle wystarczająca ilość. Nadmierne adnotowanie może sprawić, że obraz stanie się mylący.
Po kliknięciu Gotowe adnotacje są kompozytowane na obraz. Aby je zmienić, ponownie otwórz edytor adnotacji — zaczniesz ze skomponowanym obrazem jako nową bazą. W przypadku znacznych zmian rozważ zamianę zrzutu ekranu i ponowne dodanie adnotacji.
Adnotacje są renderowane w tej samej rozdzielczości co oryginalny zrzut ekranu. Skomponowany obraz zachowuje oryginalne wymiary.
Tak. Każdy obraz przesłany do bloku zrzutu ekranu może być opatrzony adnotacjami, w tym zdjęcia, diagramy i ilustracje.
Tak. Ponieważ adnotacje są kompozytowane do pliku obrazu, pojawiają się w eksportach PDF, HTML, Markdown, prezentacji i wideo AI.
Cofnij cofa ostatnią akcję (dowolne narzędzie). Gumka pozwala klikać na konkretne obiekty adnotacji, aby je selektywnie usunąć, niezależnie od tego, kiedy zostały dodane.