Edytujesz Pomoc:Ilustrowanie
Przejdź do nawigacji
Przejdź do wyszukiwania
Uwaga: Nie jesteś zalogowany. Jeśli wykonasz jakąkolwiek zmianę, Twój adres IP będzie widoczny publicznie. Jeśli zalogujesz się lub utworzysz konto, Twoje zmiany zostaną przypisane do konta, wraz z innymi korzyściami.
Edycja może zostać wycofana. Porównaj ukazane poniżej różnice między wersjami, a następnie zapisz zmiany.
Aktualna wersja | Twój tekst | ||
Linia 1: | Linia 1: | ||
− | Na tej stronie znajdują się informacje dotyczące tego, jak już przesłane grafiki zamieszczać w artykułach. Jeżeli chcesz przesłać własną grafikę, zobacz [[ | + | [[Plik:Gnome-x-office-document.svg|120px|right]] |
+ | {{Edytowanie – nawigacja}} | ||
+ | {{Wikipedia:Nawigacja/Formatowanie stron}} | ||
+ | Na tej stronie znajdują się informacje dotyczące tego, jak już przesłane grafiki zamieszczać w artykułach. Zbiór grafik znajduje się w repozytorium '''[[commons:Strona główna|Wikimedia Commons]]'''. Jeżeli chcesz przesłać własną grafikę, zobacz [[commons:Commons:Jak przesłać grafikę własnego autorstwa|jak to zrobić]]. | ||
+ | {{Wikipedia:Nawigacja/Ilustrowanie|1}} | ||
== Podstawy == | == Podstawy == | ||
− | Zanim zilustrujesz hasło, najpierw musisz wybrać odpowiednią grafikę, czyli wejść na stronę danej grafiki – przeszukaj [[ | + | Zanim zilustrujesz hasło, najpierw musisz wybrać odpowiednią grafikę, czyli wejść na stronę danej grafiki – przeszukaj [[commons:Category:Categories|w kategoriach na Commons]] – czasami wystarczy wpisać nazwę w wewnętrzną wyszukiwarkę na Commons (najlepiej po angielsku). Po wejściu na stronę grafiki, skopiuj nazwę strony. |
'''Wikikod''' służący do wstawiania grafiki przypomina swoją strukturą kod linków wewnętrznych. Tworzy się go za pomocą '''podwójnych, kwadratowych nawiasów'''. Jednak zamiast tworzyć link tekstowy, wyświetlają one obrazki w tekście strony. | '''Wikikod''' służący do wstawiania grafiki przypomina swoją strukturą kod linków wewnętrznych. Tworzy się go za pomocą '''podwójnych, kwadratowych nawiasów'''. Jednak zamiast tworzyć link tekstowy, wyświetlają one obrazki w tekście strony. | ||
Linia 90: | Linia 94: | ||
: <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|Modrosójka błękitna]]</nowiki></tt> | : <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|Modrosójka błękitna]]</nowiki></tt> | ||
: <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|left|250px|Modrosójka błękitna]]</nowiki></tt> | : <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|left|250px|Modrosójka błękitna]]</nowiki></tt> | ||
− | : <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|center|400px|Modrosójka błękitna]]</nowiki></tt> | + | : <tt><nowiki>[[Plik:Cyanocitta-cristata-004.jpg|thumb|center|400px|[[Modrosójka błękitna]]]]</nowiki></tt> |
'''I rezultat:''' | '''I rezultat:''' | ||
Linia 102: | Linia 106: | ||
{{Clear}} | {{Clear}} | ||
To jest testowy tekst, który nie opływa obrazka z opcją '''thumb''', '''center''' i rozmiarem ustalonym na '''400 pikseli'''. | To jest testowy tekst, który nie opływa obrazka z opcją '''thumb''', '''center''' i rozmiarem ustalonym na '''400 pikseli'''. | ||
− | [[Plik:Cyanocitta-cristata-004.jpg|thumb|center|400px|Modrosójka błękitna]] | + | [[Plik:Cyanocitta-cristata-004.jpg|thumb|center|400px|[[Modrosójka błękitna]]]] |
Dodatkowo pokazano tu możliwość wstawienia do opisu obrazka linku do strony w Wikipedii. | Dodatkowo pokazano tu możliwość wstawienia do opisu obrazka linku do strony w Wikipedii. | ||
Linia 114: | Linia 118: | ||
Przykład: | Przykład: | ||
− | : <tt><nowiki>[[:Plik: | + | : <tt><nowiki>[[:Plik:Fortepian - schemat.svg|Schemat konstrukcji fortepianu]]</nowiki></tt> |
i efekt: | i efekt: | ||
− | : [[:Plik: | + | : [[:Plik:Fortepian - schemat.svg|Schemat konstrukcji fortepianu]] |
+ | |||
+ | === Linkowanie do artykułów oraz tekst alternatywny === | ||
+ | W celu linkowania do artykułów bezpośrednio po kliknięciu na grafikę należy zastosować odpowiedni parametr '''link''', np. | ||
+ | <pre> | ||
+ | [[Plik:Ananas.jpg|link=Ananas|20px]] | ||
+ | </pre> | ||
+ | Efekt: [[Plik:Ananas.jpg|link=Ananas|50px]] | ||
+ | |||
+ | Natomiast drugim parametrem jest '''alt''' pozwalający na podanie tekstu alternatywnego, który się wyświetli, jeśli grafika nie zostanie pobrana, np. | ||
+ | <pre> | ||
+ | [[Plik:Ananas.jpg|alt=Ananas jadalny|50px]] | ||
+ | </pre> | ||
== Galerie == | == Galerie == | ||
− | Możliwe również jest tworzenie galerii. Wpis: | + | Możliwe również jest, choć obecnie niezalecane, tworzenie galerii. Wpis: |
<pre> | <pre> | ||
<gallery> | <gallery> | ||
− | Plik:Formosan sika deer.jpg|Jeleń wschodni | + | Plik:Formosan sika deer.jpg|[[Jeleń wschodni]] |
− | Plik:Bubo bubo winter 1.jpg|Puchacz | + | Plik:Bubo bubo winter 1.jpg|[[Puchacz]] |
− | Plik:Turdus pilaris2.jpg|Kwiczoł | + | Plik:Turdus pilaris2.jpg|[[Kwiczoł]] |
</gallery> | </gallery> | ||
</pre> | </pre> | ||
da efekt w postaci: | da efekt w postaci: | ||
<gallery> | <gallery> | ||
− | Plik:Formosan sika deer.jpg|Jeleń wschodni | + | Plik:Formosan sika deer.jpg|[[Jeleń wschodni]] |
− | Plik:Bubo bubo winter 1.jpg|Puchacz | + | Plik:Bubo bubo winter 1.jpg|[[Puchacz]] |
− | Plik:Turdus pilaris2.jpg|Kwiczoł | + | Plik:Turdus pilaris2.jpg|[[Kwiczoł]] |
</gallery> | </gallery> | ||
'''Uwaga''' – nie należy poszczególnych grafik umieszczać w znacznikach <nowiki>[[]]</nowiki>. | '''Uwaga''' – nie należy poszczególnych grafik umieszczać w znacznikach <nowiki>[[]]</nowiki>. | ||
Linia 139: | Linia 155: | ||
<gallery> | <gallery> | ||
− | Plik:Dobczyce zamek panorama.jpg|Wzgórze zamkowe w Dobczycach | + | Plik:Dobczyce zamek panorama.jpg|Wzgórze zamkowe w [[Dobczyce|Dobczycach]] |
− | Plik:Zamek w janowcu - panorama.jpg|Panorama Zamku w Janowcu | + | Plik:Zamek w janowcu - panorama.jpg|Panorama [[Zamek w Janowcu|Zamku w Janowcu]] |
− | Plik:PlaneWing.png|Powierzchnie sterowe:<br />1. Winglet<br />2. Lotki małych prędkości<br />3. Lotki dużych prędkości<br />4. Owiewka<br />5. Klapa noskowa Krügera<br />6. Skrzela (sloty)<br />7. Klapy wewnętrzne trójszczelinowe<br />8. Klapy zewnętrzne trójszczelinowe<br />9. Spoiler<br />10. Hamulce aerodynamiczne | + | Plik:PlaneWing.png|[[Powierzchnie sterowe]]:<br />1. Winglet<br />2. Lotki małych prędkości<br />3. Lotki dużych prędkości<br />4. Owiewka<br />5. Klapa noskowa Krügera<br />6. Skrzela (sloty)<br />7. Klapy wewnętrzne trójszczelinowe<br />8. Klapy zewnętrzne trójszczelinowe<br />9. Spoiler<br />10. Hamulce aerodynamiczne |
</gallery> | </gallery> | ||
Linia 178: | Linia 194: | ||
Plik:Malchin-wohnturm.jpg | Plik:Malchin-wohnturm.jpg | ||
</gallery> | </gallery> | ||
+ | |||
+ | === Galerie w Wikimedia Commons === | ||
+ | Obecnie, '''zamiast tworzenia galerii w artykułach, lepiej jest utworzyć galerię na [[commons:Strona główna|Wikimedia Commons]]''', która jest ogólnym repozytorium plików graficznych i multimedialnych dla wszystkich mutacji Wikipedii, a następnie dołączyć w tekście artykułu zgrabny szablon, przenoszący do tej galerii: | ||
+ | |||
+ | <pre>{{Commons|Nazwa na Commons|Nazwa do wyświetlenia}}</pre> | ||
+ | <pre>{{Commons|Gallery Terpenes|Terpeny}}</pre> | ||
+ | {{Commons|Gallery Terpenes|Terpeny}} | ||
+ | Kod ten da efekt widoczny po prawej: | ||
+ | {{Clear}} | ||
+ | |||
+ | W przypadku gdy nazwa hasła, w którym wstawiony jest link do galerii na Commons, jest taka sama jak tytuł galerii, który chcemy wyświetlić, należy zrezygnować z nazwy w szablonie, czyli <nowiki>{{Commons|Gallery Terpenes}}</nowiki> w haśle ''terpeny''. | ||
+ | |||
+ | W projekcie Commons oprócz galerii istnieje też system kategorii. Aby dodać podobny link do kategorii, wpisz kod: | ||
+ | |||
+ | <pre>{{Commonscat|Nazwa kategorii|Nazwa do wyświetlenia}}</pre> | ||
+ | <pre>{{Commonscat|West Tatra Mountains|Tatry Zachodnie}}</pre> | ||
+ | {{Commonscat|West Tatra Mountains|Tatry Zachodnie}} | ||
+ | To da podobny efekt: | ||
+ | {{Clear}} | ||
+ | |||
+ | Umieszczenie galerii w Wikimedia Commons ma trzy zalety w stosunku do bezpośredniego jego umieszczenia w artykule, w Wikipedii: | ||
+ | * Galeria może się stale rozwijać – poprzez uzupełnianie ich przez Wikipedystów ze wszystkich edycji językowych. | ||
+ | * Galeria może zostać dołączona do wielu artykułów i to w każdej edycji językowej, bez konieczności wklejania kodu całej galerii do każdego artykułu z osobna. | ||
+ | * Galeria w Commons nie powoduje przedłużenia czasu wczytywania artykułu i zmniejsza obciążenia serwera – mogą ją natomiast bez przeszkód oglądać osoby nią zainteresowane. | ||
+ | |||
+ | W artykułach można ewentualnie tworzyć '''minigalerie''', składające się z kilku (3–4) grafik zamykających sekcję czy artykuł. Warto jednak się zastanowić, czy nie wkomponować ich w artykuł w inny sposób, ze względu na ich wielkość w ramkach, tworzonych automatycznie, dzięki opcji <nowiki><gallery></nowiki>. | ||
+ | |||
+ | === Przewijanie ilustracji - szablon {{s|Galeria}} === | ||
+ | Szablon {{s|Galeria}} pozwala na umieszczenie zestawu do 30 zdjęć w jednym miejscu tak, że zajmują one tyle miejsca ile jedno z nich. Takich przewijanych galerii warto używać, aby pokazać sekwencję zdarzeń czy też kilka różnych ujęć danego obiektu. | ||
+ | |||
+ | Zastosowanie szablon wymaga użycia kodu jak poniżej – obok wyświetlony jest efekt (patrz też "Uwagi" pod przykładem): | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! Kod | ||
+ | ! Wygląd | ||
+ | |- | ||
+ | | <pre style="overflow:auto;"> | ||
+ | {{Galeria | ||
+ | | Nazwa=Tytuł galerii, na przykład zwierzęta|wielkość=300|pozycja=right | ||
+ | | Plik:Formosan sika deer.jpg|[[Jeleń wschodni]] | ||
+ | | Plik:Bubo bubo winter 1.jpg|[[Puchacz]] | ||
+ | | Plik:Turdus pilaris2.jpg|[[Kwiczoł]] | ||
+ | }} | ||
+ | </pre> | ||
+ | Wielkość odnosi się do rozmiaru grafiki w pikselach (px), pozycja określa, gdzie obrazek ma być położony względem tekstu, tj. ''left'', ''right'', ''center''. | ||
+ | | | ||
+ | {{Galeria | ||
+ | | Nazwa=Tytuł galerii, na przykład zwierzęta|wielkość=300|pozycja=right | ||
+ | | Plik:Formosan sika deer.jpg|[[Jeleń wschodni]] | ||
+ | | Plik:Bubo bubo winter 1.jpg|[[Puchacz]] | ||
+ | | Plik:Turdus pilaris2.jpg|[[Kwiczoł]] | ||
+ | }} | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | '''Uwaga''' | ||
+ | * szablon działa poprawnie w przeglądarkach z włączoną obsługą JavaScript | ||
+ | * szablon nie działa w podglądzie w trybie edycji | ||
+ | * szablon może nie działać ze skórką Vector | ||
==== Szerokość i wysokość ==== | ==== Szerokość i wysokość ==== | ||
Linia 194: | Linia 269: | ||
[[Plik:Morchella conica 1 beentree.jpg|300x200px]] | [[Plik:Morchella conica 1 beentree.jpg|300x200px]] | ||
[[Plik:Neon.JPG|300x200px]] | [[Plik:Neon.JPG|300x200px]] | ||
− | [[Plik:Olga Kurylenko by Mikolaj Kirschke Wikipedia cropped. | + | [[Plik:Olga Kurylenko by Mikolaj Kirschke Wikipedia cropped.JPG|300x200px]] |
− | [[Plik:SOLDEK in GDANSK, POLAND 2004 ubt. | + | [[Plik:SOLDEK in GDANSK, POLAND 2004 ubt.jpeg|300x200px]] |
[[Plik:Bubo bubo.jpg|300x200px]] | [[Plik:Bubo bubo.jpg|300x200px]] | ||
[[Plik:Wojciech Kilar 2.jpg|300x200px]] | [[Plik:Wojciech Kilar 2.jpg|300x200px]] | ||
Linia 206: | Linia 281: | ||
|- | |- | ||
| [[Plik:Morchella conica 1 beentree.jpg|300x200px]] | | [[Plik:Morchella conica 1 beentree.jpg|300x200px]] | ||
− | | [[Plik:Neon. | + | | [[Plik:Neon.JPG|300x200px]] |
− | | [[Plik:Olga Kurylenko by Mikolaj Kirschke Wikipedia cropped. | + | | [[Plik:Olga Kurylenko by Mikolaj Kirschke Wikipedia cropped.JPG|300x200px]] |
|- | |- | ||
− | | [[Plik:SOLDEK in GDANSK, POLAND 2004 ubt. | + | | [[Plik:SOLDEK in GDANSK, POLAND 2004 ubt.jpeg|300x200px]] |
| [[Plik:Bubo bubo.jpg|300x200px]] | | [[Plik:Bubo bubo.jpg|300x200px]] | ||
| [[Plik:Wojciech Kilar 2.jpg|300x200px]] | | [[Plik:Wojciech Kilar 2.jpg|300x200px]] | ||
Linia 245: | Linia 320: | ||
Wg [http://www.ranking.pl statystyk] obecnie (kwiecień 2011) rozdzielczości (rozmiaru) 800×600 używa ok. 0,5% internautów, jednak nie można faktu nieładnego wyglądu strony przy tej rozdzielczości (rozmiarze) zignorować, gdyż należy się też liczyć z możliwością, że część osób korzystająca z większych rozdzielczości (rozmiarów) może nie mieć okna przeglądarki rozciągniętego na cały ekran. Wiele osób korzysta też z tzw. ''sidebarów'', które dodatkowo zwężają szerokość okna przeznaczonego na wyświetlanie strony. | Wg [http://www.ranking.pl statystyk] obecnie (kwiecień 2011) rozdzielczości (rozmiaru) 800×600 używa ok. 0,5% internautów, jednak nie można faktu nieładnego wyglądu strony przy tej rozdzielczości (rozmiarze) zignorować, gdyż należy się też liczyć z możliwością, że część osób korzystająca z większych rozdzielczości (rozmiarów) może nie mieć okna przeglądarki rozciągniętego na cały ekran. Wiele osób korzysta też z tzw. ''sidebarów'', które dodatkowo zwężają szerokość okna przeznaczonego na wyświetlanie strony. | ||
+ | |||
+ | Pole, w którym pokazuje się tekst artykułu, przy standardowej skórce Wikipedii i rozdzielczości (rozmiarze) ekranu 800×600 pikseli oraz stosowaniu okna przeglądarki rozciągniętego na cały ekran bez użycia ''sidebarów'' ma szerokość ok. 630 pikseli (resztę zajmuje boczne menu, obramowanie okna i suwaki). | ||
+ | |||
+ | Tzw. '''kiszkowaty tekst''' powstaje wtedy, kiedy stłoczy się zbyt wiele obrazków o zbyt dużych rozmiarach w jednym miejscu. Efekt "kiszkowatości" może być niedostrzegalny dla autora strony, jeśli pracuje on z ekranem ustawionym w wysokiej rozdzielczości, natomiast może on się pojawić na ekranie czytelnika, który używa mniejszej rozdzielczości ekranu niż autor. Z tego względu warto po napisaniu strony sprawdzić, jak ona wygląda przy mniejszych rozdzielczościach ekranu. | ||
+ | |||
+ | Przykład kiszkowatego tekstu (przy szerokości ekranu mniejszej niż 1280 pikseli): | ||
+ | |||
+ | [[Plik:Butterfly Luc Viatour.JPG|thumb|left|350px|Motylek]] | ||
+ | Zaraz pojawi się kiszkowaty tekst, który wygląda szczególnie brzydko, gdy wcześniej jest tekst normalny. | ||
+ | [[Plik:Fietspad naar campus Diepenbeek.JPG|thumb|325px|Światłocienie w lesie]] | ||
+ | To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. | ||
+ | To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. | ||
+ | To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. | ||
+ | |||
+ | {{Clear}} | ||
+ | |||
+ | Aby uniknąć tego rodzaju efektów, '''nie należy''': | ||
+ | * umieszczać obrazków opływanych na lewo i prawo zbyt blisko siebie | ||
+ | * stosować większej rozdzielczości obrazków niż 350–400 px | ||
+ | |||
+ | === Kiedy grafiki umieszczać po stronie lewej, prawej lub centralnie? === | ||
+ | * '''Jeżeli grafika ilustruje opisywane zjawisko''', czyli jest to typowa ilustracja artykułu, powinna być ona umieszczona '''po prawej stronie''' względem tekstu. | ||
+ | |||
+ | * Grafiki umieszczamy po '''lewej stronie''', | ||
+ | ** jeżeli chcemy użyć grafiki do zilustrowania '''sekcji przylegającej do infoboksu'''. | ||
+ | **: W przypadku artykułu z infoboksem może czasami pojawić się konflikt w postaci '''przemieszczania się grafiki pod infoboks''', nawet, jeżeli użyjemy opcji ''left''. Najczęściej przyczyną jest umieszczenie linku do Commons zaraz poniżej infoboksu. W takim przypadku przenieść należy link do Commons na dół artykułu, co jest zresztą zalecane. Jeszcze lepszym rozwiązaniem jest wstawienie linku do Commons do infoboksu. Najpierw sprawdź, czy w kodzie infoboksu jest opcja ''galeria_commons=" "'' lub podobna. | ||
+ | ** '''jeżeli tekst artykułu dotyczy akurat tych grafik''', np. dzieła malarskiego czy rzeźby, | ||
+ | **: Wyjątkiem jest artykuł o danym dziele sztuki – dla obrazów stosujemy wówczas szablon {{s|Obraz infobox}} w taki sposób: | ||
+ | <pre> | ||
+ | {{Obraz infobox | ||
+ | | obrazek = | ||
+ | | rozmiar = 'opcjonalny rozmiar obrazka w px, np. 250px (domyślnie 250px)' | ||
+ | | tytuł = | ||
+ | | malarz = | ||
+ | | rok = | ||
+ | | technika = | ||
+ | | wysokość = | ||
+ | | szerokość = | ||
+ | | muzeum = | ||
+ | }} | ||
+ | </pre> | ||
+ | |||
+ | * W szczególnych przypadkach, szczególnie, jeśli jest to '''grafika panoramiczna''', należy umieścić ją '''centralnie'''. Taki zabieg w artykułach powoduje też zmniejszenie monotonii, gdy np. jest to duży artykuł z wieloma grafikami. Powinna być to jednak grafika szersza niż dłuższa. | ||
=== Nachodzenie list === | === Nachodzenie list === | ||
Linia 311: | Linia 429: | ||
==== Przykład 1 ==== | ==== Przykład 1 ==== | ||
− | [[Plik:Oil well scheme svg | + | [[Plik:Oil well scheme.svg|thumb|150px]] |
To jest, testowy, krótki tekst. | To jest, testowy, krótki tekst. | ||
Linia 360: | Linia 478: | ||
== Zobacz też == | == Zobacz też == | ||
− | * [[ | + | * [[:mw:Help:Images|Mediawiki:Ilustrowanie]] {{lang|en}} |
== Uwagi końcowe == | == Uwagi końcowe == | ||
Linia 368: | Linia 486: | ||
** w Mozilli/Firefox: Ctrl+R albo trzymając wciśnięty Shift, kliknąć w Reload (Przeładuj/Odśwież) lub Ctrl+F5 | ** w Mozilli/Firefox: Ctrl+R albo trzymając wciśnięty Shift, kliknąć w Reload (Przeładuj/Odśwież) lub Ctrl+F5 | ||
** w Operze: zależnie od wersji Ctrl-Shift-R, Ctrl+R lub Ctrl+F5 | ** w Operze: zależnie od wersji Ctrl-Shift-R, Ctrl+R lub Ctrl+F5 | ||
− | |||
− | |||
− | |||
− |