05.jpg
A-n-i-t-a / =! ► TUTORIALE - PORADY ═══� �═══════�% 95�═══ / TUTORIALE do PS / Grafika na stronę / 05.jpg
Pobierz
Inne foldery z plikami do pobrania
-
- - Spis Świąt -
= = ● S T Y L E - NOWE 022 -
= = H-SYLWESTER- 2020-21 -
= HITY 2023 -
= Uliczna -
-= versje PORTABLE -
● GWIAZDKI-Migotki2 -
● GWIAZDKI-Migotki3 -
● INSPIRACJE 1 -
Aleksander Fredro. Bajki -
Amazing Slow Downer -
Ambient Design ArtRage -
Arie operetkowe -
Benedetta Caretta -
CCleaner.Professional -
Dieta -Dwie różne diety -
ESET Endpoint -
FAS -
Happy Birthday3 -
Happy Valentiness -
HAUSNER -
HUMOR5 -
Il VOLO -
Imbir -
InPixio Photo Studio -
IObit Uninstaller -
JESIEŃ 3 -
K-Lite Codec -
Kraje świata -
Na MIKOLAJA -
Na Wigilię2 -
New 2021 Year -
New Year Slideshow -
Nowy 2022 -
Nowy Rok2013 -
PODBRODEK -
PODKLADY BEZ GŁOSU -
RZezba -
Serca -
Style Textowe -
swieta -
TUTORIAL -
Ultra Adware Killer -
v.2024 -
v.24.0.0 -
Video efekty z maskami -
Video.Downloader -
Wedding SlideShow -
Wrocław do 2022 -
ZNANI 2
Przygotowanie grafiki na stronę
Na stronach internetowych najlepiej wykorzystywać obrazy o bardzo wysokiej jakości i dużych rozmiarach, które następnie dostosować do potrzeb swojej strony w Photoshopie.
1. Otwórz w Photoshopie obrazek który chcesz osadzić na swojej stronie internetowej
2. Zmiana wymiarów obrazka.
Przejdz do menu Obrazek i wybierz Wielkość obrazka
Optymalna szerokością obrazka nie rozwalająca tabel strony jest wielkość 400 pikseli.
Niektóre strony wymagają szerokość obrazka - maksymalnie 350 pikseli. Można oczywiście zdefiniować inne szerokości (raczej mniejsze) i przetestować na stronie internetowej. Po zdefiniowaniu szerokości w powyższym oknie klikamy na OK.
3. Zapis obrazka z optymalizacja dla stron internetowych
Uwaga !
Również korzystam z opcji > Zapisz dla Internetu i urządzeń.
Ale jak macie doinstalowanego Image Ready to radze korzystać z opcji w Image Ready >Zapisz dla Weba.
Najczęściej używanymi formatami na stronach internetowych sa jpg i gif. Zastosowanie tych formatów zależne jest od tego czy osadzana grafika ma obszary przezroczyste, czy nie. Jeśli jest to grafika przezroczysta to zapisujemy ja w formacie gif. Najczęściej stosuje się jednak jpg. W powyższym oknie masz możliwość wyboru formatu zapisu i jego optymalizacji.
Na dolnej listwie masz możliwość powiększenia obrazu i podglądu obrazu co jest pomocne w celu uniknięcia przebarwień w obrazie i precyzyjnego dostosowania jego jakości. Na stronach internetowych obrazki powinny mieć jak najmniejsza wagę, wiec problem polega na pogodzeniu jakości obrazu z jego wielkością. Wyższą jakość obrazka wiąże się z większym plikiem wynikowym. W powyższym oknie masz możliwość optymalizacji jakości a tym samym wielkości pliku wyjściowego. Przy plikach JPG najczęściej stosuje jakość średnią i zaznaczam progresje.
A oto przykładowe ustawienia dla przezroczystego GIF-a:
By zapisać zoptymalizowany obrazek kliknij OK
Gdy mamy już przygotowane wszystkie obrazki które zamierzamy osadzić na stronie, możemy otworzyć na przykład program FrontPage i dokonać edycji plików HTML osadzając w nich przygotowane obrazki.
Uwaga: Na serwer wysyłamy zmodyfikowane pliki HTML oraz nowe obrazki do alternatywnych folderów co na dysku twardym.
Na stronach internetowych najlepiej wykorzystywać obrazy o bardzo wysokiej jakości i dużych rozmiarach, które następnie dostosować do potrzeb swojej strony w Photoshopie.
1. Otwórz w Photoshopie obrazek który chcesz osadzić na swojej stronie internetowej
2. Zmiana wymiarów obrazka.
Przejdz do menu Obrazek i wybierz Wielkość obrazka
Optymalna szerokością obrazka nie rozwalająca tabel strony jest wielkość 400 pikseli.
Niektóre strony wymagają szerokość obrazka - maksymalnie 350 pikseli. Można oczywiście zdefiniować inne szerokości (raczej mniejsze) i przetestować na stronie internetowej. Po zdefiniowaniu szerokości w powyższym oknie klikamy na OK.
3. Zapis obrazka z optymalizacja dla stron internetowych
Uwaga !
Również korzystam z opcji > Zapisz dla Internetu i urządzeń.
Ale jak macie doinstalowanego Image Ready to radze korzystać z opcji w Image Ready >Zapisz dla Weba.
Najczęściej używanymi formatami na stronach internetowych sa jpg i gif. Zastosowanie tych formatów zależne jest od tego czy osadzana grafika ma obszary przezroczyste, czy nie. Jeśli jest to grafika przezroczysta to zapisujemy ja w formacie gif. Najczęściej stosuje się jednak jpg. W powyższym oknie masz możliwość wyboru formatu zapisu i jego optymalizacji.
Na dolnej listwie masz możliwość powiększenia obrazu i podglądu obrazu co jest pomocne w celu uniknięcia przebarwień w obrazie i precyzyjnego dostosowania jego jakości. Na stronach internetowych obrazki powinny mieć jak najmniejsza wagę, wiec problem polega na pogodzeniu jakości obrazu z jego wielkością. Wyższą jakość obrazka wiąże się z większym plikiem wynikowym. W powyższym oknie masz możliwość optymalizacji jakości a tym samym wielkości pliku wyjściowego. Przy plikach JPG najczęściej stosuje jakość średnią i zaznaczam progresje.
A oto przykładowe ustawienia dla przezroczystego GIF-a:
By zapisać zoptymalizowany obrazek kliknij OK
Gdy mamy już przygotowane wszystkie obrazki które zamierzamy osadzić na stronie, możemy otworzyć na przykład program FrontPage i dokonać edycji plików HTML osadzając w nich przygotowane obrazki.
Uwaga: Na serwer wysyłamy zmodyfikowane pliki HTML oraz nowe obrazki do alternatywnych folderów co na dysku twardym.
1
