Dodawanie zrzutów ekranu

Artykuły tworzymy tak, aby opisywały zagadnienie bez potrzeby zamieszczania zrzutów ekranów. Niemniej jednak ułatwiają one zrozumienie zagadnienia, w szczególności nowym użytkownikom, więc nie obawiaj się i jeśli chcesz, dodaj zrzuty ekranu do pisanych przez ciebie artykułów.

Jak zrobić dobry zrzut ekranu?

  • Zrzuty ekranu ilustrują trudne do zrozumienia procedury. Nie jest konieczne dołączanie zrzutów do każdej czynności – wystarczy dodać zrzut ilustrujący ważny szczegół, by użytkownik go nie przeoczył.
  • Zrzuty powinny odpowiadać temu, co użytkownik widzi na swoim ekranie. W tym celu używamy znacznika {for}. Dzięki temu użytkownicy systemu Windows widzą zrzuty wykonane w systemie Windows, a użytkownicy komputera Mac widzą zrzuty wykonane w systemie OSX.
  • Zrzuty powinny zawierać odpowiedni kontekst tak, aby użytkownik mógł jednoznacznie określić, jaką część interfejsu dany zrzut przedstawia.
  • Należy używać aktualnej wersji systemu operacyjnego i domyślnej konfiguracji aplikacji, np. systemu Windows 7 Aero i najnowszej wersji Firefoksa z domyślną konfiguracją – bez żadnych zmian interfejsu i ustawień. Najłatwiejszym sposobem uzyskania domyślnej konfiguracji jest użycie nowego profilu. Jak to zrobić dowiesz się z artykułu: Zarządzanie profilami.

Skup się na zrzutach ekranu dla systemu Windows

Użytkownicy systemu Windows to ponad 90% odwiedzających nasze witryny, zatem zrzuty wykonane w systemie Windows będą oglądane dziewięć razy częściej niż zrzuty wykonane w systemach Mac i Linux razem wziętych. Wykonywanie zrzutów jest czasochłonne, zatem jeśli nie dysponujesz zbyt dużą ilością czasu, skoncentruj się na wykonaniu zrzutów z systemu Windows.

Tworzenie zrzutów ekranu w systemie Windows

Poniższe instrukcje odnoszą się do systemu Windows 7 z wbudowanym poleceniem PrintScreen i programu Paint

  1. Włącz domyślny motyw Windows 7 Aero i ustaw biały kolor pulpitu:
    • Kliknij prawym przyciskiem myszy na pulpicie i wybierz Personalizuj.
      screenshots-win-1pl
    • W sekcji Kompozycje systemu Aero wybierz Windows 7.
    • Na dole okna kliknij odnośnik Tło pulpitu i z menu rozwijanego Lokalizacja obrazu wybierz Pełne kolory, a następnie wybierz kolor biały.
  2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, którą chcesz zilustrować. W zależności od posiadanej klawiatury, naciśnij klawisz Print Screen lub Prnt Scrn, lub PrtScr.
  3. Przejdź do menu Start Windowsa i z poziomu listy programów otwórz program Paint.
  4. Po otworzeniu programu kliknij Wklej lub użyj skrótu Ctrl + V – zrzut ekranu zostanie wklejony.
    screenshots-win-2pl
  5. Teraz wykadruj interesującą cię część obrazka:
    • Sprawdź czy zostało wybrane Zaznaczenie prostokątne
      screenshots-win-3pl
    • Zaznacz obszar do wykadrowania
      screenshots-win-8pl

      i naciśnij przycisk Przytnij.
      screenshots-win-4pl
  6. Zaznacz na obrazku czerwoną obwódką elementy, które chcesz wyróżnić, np. element, który użytkownik powinien kliknąć.
    screenshots-win-5pl
  7. Po wykadrowaniu i wyróżnieniu istotnych elementów wyskaluj zrzut tak, aby jego szerokość nie przekraczała 650 pikseli – to odpowiednia szerokość obrazków zamieszczanych w artykułach.
    screenshots-win-6pl
  8. Na koniec zapisz obrazek w formacie PNG. Teraz jest gotowy do umieszczenia w galerii obrazków bazy wiedzy.
    screenshots-win-7pl

Tworzenie zrzutów ekranu w systemie Mac OSX

Poniższe instrukcje odnoszą się do systemu Mac OSX 10.9.2 Mavericks i aplikacji Podgląd

  1. Wciśnij klawisz control i kliknij biurko, wybierz Zmień tło biurka…, kliknij menu Kolory jednolite i wybierz kolor biały.

    screenshots-mac-1pl
  2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, którą chcesz zilustrować. Użyj skrótu shift + command + 3 – ikona zrzutu ekranu pojawi się na biurku.
  3. Kliknij ikonę zrzutu dwukrotnie – zrzut zostanie otworzony w aplikacji Podgląd.
  4. Teraz wykadruj interesującą cię część obrazka:
    • Zaznacz obszar do wykadrowania
    • Przejdź do menu Narzędzia i wybierz Kadruj.

      screenshots-mac-2pl
  5. Używając funkcji dostępnych po kliknięciu elementów zaznaczonych na poniższym obrazku kolorem zielonym zaznacz na obrazku czerwoną obwódką elementy, które chcesz wyróżnić, np. element, który użytkownik powinien kliknąć.

    screenshots-mac-3pl
  6. Po wykadrowaniu i wyróżnieniu istotnych elementów wyskaluj zrzut tak, aby jego szerokość nie przekraczała 650 pikseli – to odpowiednia szerokość obrazków zamieszczanych w artykułach.

    screenshots-mac-4pl
  7. Na koniec zapisz obrazek w formacie PNG. Teraz jest gotowy do umieszczenia w galerii obrazków bazy wiedzy.

    screenshots-mac-5pl

Tworzenie zrzutów ekranu w systemie Linux

Poniższe instrukcje odnoszą się do systemu Ubuntu Linux z interfejsem Unity

  1. Wciśnij klawisz Ctrl i kliknij pulpit, wybierz Zmień tło pulpitu…, kliknij menu Kolory jednolite i wybierz kolor biały.
  2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, którą chcesz zilustrować.
  3. Kliknij ikonę wyszukiwania, wyszukaj screenshot i otwórz aplikację Take Screenshot.
    screenshots-lin-1
  4. Ustaw parametry wykonania zrzutu. Jeśli ustawisz opóźnienie wykonania zrzutu na 5 sekund, będziesz mieć czas na otwarcie menu lub umieszczenie wskaźnika myszy nad miejscem, które chcesz wyróżnić.
    screenshots-lin-2
  5. Zapisz obrazek na pulpicie (ustawienie domyślne).
  6. Przejdź na pulpit, kliknij ikonę zrzutu dwukrotnie – zrzut zostanie otworzony w aplikacji Image viewer.
  7. Naciśnij przycisk Edit Image, by otworzyć obrazek w aplikacji, w której będzie można go wykadrować.
    screenshots-lin-3
  8. Naciśnij przycisk Crop i zaznacz obszar do wykadrowania. Naciśnij przycisk OK, by wykadrować obrazek.
    screenshots-lin-4
  9. Zamknij obrazek – zostanie udostępniona możliwość zapisania zmian.
    • Niestety wbudowane narzędzia nie mają żadnych funkcji umożliwiających dodanie adnotacji, czy wyskalowania obrazków. Nie ma się co martwić! To jest Linux, więc są tysiące darmowych aplikacji, które można pobrać i użyć do wykonania tych operacji.

Dodawanie zrzutów do artykułów

  1. W trakcie edytowania artykułu, na pasku narzędzi naciśnij przycisk Wstaw media…
    Insert Media-pl 1
  2. Zostanie otworzone okno dialogowe dodawania mediów. Na dole okna kliknij odnośnik Prześlij media.

    Insert Media-pl 2
  3. Zostanie otworzone nowe okno dialogowe przesyłania pliku multimedialnego. Po przesłaniu pliku zawierającego obrazek, możesz zamknąć to okno i powrócić do edytowania artykułu.
    Informacja dla tłumaczy. Sprawdź czy z menu rozwijanego została wybrana właściwa lokalizacja. Umożliwi to nam poprawne przypisanie obrazka.
  4. Umieść kursor w tekście w miejscu, w którym chcesz wstawić obrazek i naciśnij ponownie przycisk Wstaw media….
  5. Wybierz przesłany obrazek i na dole okna wstawiania mediów naciśnij przycisk Wstaw media.

    Insert Media-pl 3
    • Do tekstu zostanie wstawiony znacznik: [[Image:title]], który przekierowuje do obrazka.
    • Ponieważ zazwyczaj obrazek dodajemy na końcu wiersza, aby był prawidłowo wyświetlany, trzeba przed znacznikiem obrazka złamać wiersz, wstawiając znacznik <br>. Sekwencja znaczników będzie wyglądała następująco: <br>[[Image:title]].

Zrzuty ekranów, a rozmiar pliku

Staramy się ograniczyć ilość danych pobieranych podczas odwiedzania bazy wiedzy:

  • obrazki wgrywane do galerii są automatycznie kompresowane, by zmniejszyć ich rozmiar,
  • wczytywane są tylko obrazki dla wybranego systemu operacyjnego, zatem jeśli przeglądasz bazę wiedzy, używając systemu Windows, wczytywane są tylko obrazki przeznaczone dla tego systemu, a jeśli w panelu Dostosuj ten artykuł zmienisz system operacyjny, np. na Mac OS X, będą wczytywane tylko obrazki przeznaczone dla tego systemu.

Zrzuty ekranu i tłumaczenia

Artykuły tworzymy tak, aby opisywały zagadnienie bez potrzeby zamieszczania zrzutów ekranów. Niemniej jednak ułatwiają one zrozumienie zagadnienia, w szczególności nowym użytkownikom. Zrzuty ekranu nie są wymagane w artykułach. Ideałem byłoby, gdyby zrzuty ekranów były zlokalizowane, ale jeśli nie jest to możliwe, można pozostawić angielskie wersje zrzutów lub je usunąć.

Czy trzeba aktualizować zrzuty po zmianach wizualnych?

Nie, nie trzeba! To byłoby szaleństwo, gdybyśmy to robili. Na przykład do artykułu o ustawieniach Firefoksa zrobiliśmy kilka zrzutów ekranu okna ustawień, na których była widoczna ikona funkcji Synchronizacjazobacz tutaj. W Firefoksie 4 przenieśliśmy funkcję synchronizacji do panelu Zaawansowane i ikona ta zniknęła z okna ustawień – zobacz tutaj. Ponieważ artykuł dotyczył ustawień Firefoksa, zmiana wyglądu ikon na pasku nie była istotna dla treści artykułu, zatem nie ma potrzeby zmiany zrzutów ekranu.

Jak zawsze, kieruj się zdrowym rozsądkiem. Jeśli obrazek użyty dla poprzedniej wersji aplikacji jest nadal pomocny i nie wprowadza w błąd, użyj go.

Inne narzędzia do tworzenia zrzutów

Windows:

Mac:

Linux:

// Osoby, które pomogły w tworzeniu tego artykułu:GmbH, Teo. Ty też możesz pomóc — dowiedz się jak.

Czy ten artykuł okazał się pomocny? Proszę czekać…

Zostań wolontariuszem Mozilla Support