Adnotacje
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ędzie | Skrót | Opis |
|---|---|---|
| Strzałka | A | Rysuj prostą strzałkę wskazującą z jednego miejsca na drugie. Świetna do wskazywania elementów UI. |
| Zakrzywiona strzałka | Shift+A | Rysuj strzałkę o zakrzywionej ścieżce. Przydatna do płynnych wskazań. |
| Prostokąt | R | Rysuj prostokąt (obrys lub wypełnienie). Używaj do ramkowania obszarów zainteresowania. |
| Elipsa | O | Rysuj elipsę (obrys lub wypełnienie). Używaj do okrągłych wyróżnień. |
| Linia | L | Rysuj prostą linię. Przydatna do podkreśleń lub połączeń. |
Narzędzie tekstowe
| Narzędzie | Skrót | Opis |
|---|---|---|
| Tekst | T | Kliknij na płótnie, aby umieścić pole tekstowe. Wpisz etykietę, dymek lub instrukcję. |
Narzędzie rysowania
| Narzędzie | Skrót | Opis |
|---|---|---|
| Odręcznie | D | Rysuj swobodnie myszą lub gładzikiem. Idealne do nieformalnego zakreślania lub podkreślania. |
Narzędzia efektów
| Narzędzie | Skrót | Opis |
|---|---|---|
| Wyróżnienie | H | Rysuj półprzezroczysty prostokąt, aby podświetlić obszar. Efekt podobny do zakreślacza. |
| Pikselizacja | P | Rozmyj lub spikselizuj obszar, aby ukryć wrażliwe informacje (hasła, dane osobowe itp.). |
| Spotlight | S | Przyciemnia cały obraz z wyjątkiem zaznaczonego obszaru, skupiając uwagę na konkretnym miejscu. |
| Lupa | M | Tworzy powiększony bąbelek nad małym obszarem, czyniąc drobne szczegóły widocznymi. |
Narzędzia użyteczne
| Narzędzie | Skrót | Opis |
|---|---|---|
| Licznik kroków | N | Umieszcza ponumerowane kółka (1, 2, 3...) wskazujące kolejne kroki. Numery rosną automatycznie. |
| Kadrowanie | C | Przytnij zrzut ekranu do określonego obszaru, usuwając zbędne krawędzie. |
| Gumka | E | Usuwaj 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 dla | Opis |
|---|---|---|
| Kolor | Wszystkie narzędzia | Wybierz z 8 predefiniowanych kolorów (czerwony, pomarańczowy, żółty, zielony, niebieski, fioletowy, biały, czarny) lub wybierz własny kolor |
| Grubość obrysu | Kształty, strzałki, linie, odręcznie | Dostosuj grubość linii (domyślnie: 2px) |
| Przezroczystość | Wszystkie narzędzia | Kontroluj przezroczystość od pełnej do prawie niewidocznej |
| Rozmiar czcionki | Narzędzie tekstowe | Dostosuj rozmiar tekstu (domyślnie: 16px) |
| Rodzina czcionki | Narzędzie tekstowe | Tekst domyślnie używa czcionki Inter |
Cofnij i ponów
Edytor adnotacji ma własną historię cofania/ponawiania, oddzielną od głównego edytora dokumentu:
| Akcja | Skrót |
|---|---|
| Cofnij | Cmd+Z (macOS) / Ctrl+Z (Win) |
| Ponów | Cmd+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
- Dodaj adnotacje — Użyj dowolnej kombinacji narzędzi, aby opatrzyć zrzut ekranu adnotacjami.
- Kliknij Gotowe — Naciśnij przycisk Gotowe (znacznik) na pasku narzędzi. Adnotacje są kompozytowane na obraz.
- Skomponowany obraz zapisany — Obraz z adnotacjami jest zapisywany jako nowa skomponowana wersja do Backblaze B2. Oryginalny zrzut ekranu jest przechowywany oddzielnie.
ℹ️ Informacja: 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
- 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.
- 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ć.
- 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.
- 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.
Czy mogę edytować adnotacje po zapisaniu?
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.
Czy adnotacje wpływają na rozdzielczość obrazu?
Adnotacje są renderowane w tej samej rozdzielczości co oryginalny zrzut ekranu. Skomponowany obraz zachowuje oryginalne wymiary.
Czy mogę używać adnotacji na obrazach niebędących zrzutami ekranu?
Tak. Każdy obraz przesłany do bloku zrzutu ekranu może być opatrzony adnotacjami, w tym zdjęcia, diagramy i ilustracje.
Czy adnotacje są widoczne we wszystkich formatach eksportu?
Tak. Ponieważ adnotacje są kompozytowane do pliku obrazu, pojawiają się w eksportach PDF, HTML, Markdown, prezentacji i wideo AI.
Czym różni się Gumka od Cofnij?
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.