Z życia grafika-webmastera

Podobne dokumenty
FORMATY PLIKÓW GRAFICZNYCH

Formaty plików graficznych

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

Cała prawda o plikach grafiki rastrowej

Obróbka grafiki cyfrowej

Kompresja obrazów i formaty plików graficznych

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Księgarnia internetowa Lubię to!» Nasza społeczność

Grafika rastrowa (bitmapa)-

Formaty plików. graficznych, dźwiękowych, wideo

Warstwa Rysunek bitmapowy Rysunek wektorowy

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Grafika na stronie www

Kompresja Stratna i Bezstratna Przegląd Najważniejszych Formatów Graficznych

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń:

Formaty plików graficznych

Podstawy grafiki komputerowej. Teoria obrazu.

Grafika Komputerowa Wykład 1. Wstęp do grafiki komputerowej Obraz rastrowy i wektorowy. mgr inż. Michał Chwesiuk 1/22

Formaty plików graficznych

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

ECDL/ICDL Zaawansowana grafika menedżerska i prezentacyjna Sylabus, wersja 2.0

PRZEWODNIK DYDAKTYCZNY I PROGRAM NAUCZANIA PRZEDMIOTU FAKULTATYWNEGO NA KIERUNKU LEKARSKIM ROK AKADEMICKI 2016/2017

Wpisany przez Łukasz Nawrotek Poniedziałek, 04 Sierpień :00 - Zmieniony Poniedziałek, 04 Sierpień :01

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

dr inż. Piotr Odya dr inż. Piotr Suchomski

Wymagania edukacyjne na ocenę z informatyki klasa 3

Grafika rastrowa i wektorowa

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

4. Oprogramowanie OCR do rozpoznawania znaków 39

Rodzaje plików. Podstawowe definicje.

Grafika w dokumencie tekstowym. Technologia Informacyjna Lekcja 26

Jak przygotować? Wymiary reklam: Spad. Bez spadu

Podstawy Informatyki Wykład V

Rozdział 7. Przedstawienie formatu graficznego BMP.

Poziomy wymagań Konieczny K Podstawowy- P Rozszerzający- R Dopełniający- D Uczeń:

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

GRAFIKA SIECIOWA. WYKŁAD 2 Optymalizacja grafiki. Jacek Wiślicki Katedra Informatyki Stosowanej

Grafika. Formaty zapisu obrazu cyfrowego

ECDL Advanced Moduł AM6 Grafika menedżerska i prezentacyjna Syllabus, wersja 2.0

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

WYMAGANIA EDUKACYJNE Z INFORMATYKI KLASA III GIMNAZJUM DOBRY. prawem autorskim. komputerów wyszukuje w Internecie strony WWW związane z tematem.

Sposoby cyfrowego zapisywania obrazów

Gimp Grafika rastrowa (konwersatorium)

Pokaz slajdów na stronie internetowej

Tematy lekcji zajęć komputerowych klasa 5b grupa 1 i grupa 2

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY Z ZAJĘĆ ARTYSTYCZNYCH - Grafika komputerowa dla klas II-III rok szkolny 2017/2018

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego. Barbara Ptaszek Krzysztof Krupiński V WT z inf.

CEL zapoznanie z programem do tworzenia rysunków i ukazanie możliwości Edytora obrazów do sporządzania rysunków i ikon.

Etap I V Gminnego Konkursu Informatycznego.

GRAFIKA. Formaty plików graficznych

Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH. Miłosz Michalski. Institute of Physics Nicolaus Copernicus University.

Klasyfikacja metod kompresji

HARMONOGRAM ZAJĘĆ IV GRUPA

Dokumentacja techniczno-użytkowa Serwis internetowy

Komputerowa obróbka zdjęć. Komputerowa obróbka zdjęć

WYMAGANIA EDUKACYJNE Z ZAJĘĆ KOMPUTEROWYCH W KLASIE 4 SZKOŁY PODSTAWOWEJ

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

Grafika komputerowa. Dla DSI II

Podstawowe szkolenie z Photoshopa

Klasyfikacja metod kompresji

Kompresja danych i formaty plików graficznych

Zmiana logo. Dziękujemy za wybór naszych rozwiązań. apjoo od Apláuz. Wspólnie przebrniemy przez proces konfiguracji strony www i wstawiania treści.

Technikum Nr 2 im. gen. Mieczysława Smorawińskiego w Zespole Szkół Ekonomicznych w Kaliszu

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

Kraków, ver

PRZEWODNIK I PROGRAM NAUCZANIA PRZEDMIOTU FAKULTATYWNEGO NA WYDZIALE LEKARSKIM I dla STUDENTÓW I i II ROKU STUDIÓW

7. Dynamiczne generowanie grafiki

Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka.

Kryteria oceniania uczniów z informatyki w klasie II gimnazjum

EDYCJA TEKSTU MS WORDPAD

TECHNOLOGIA INFORMACYJNA

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

Przygotowanie materiałów graficznych w programie Gimp

Technologie cyfrowe semestr letni 2018/2019

Wykorzystanie serwisów WMS w oprogramowaniu GEO-MAP

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

Ćwiczenie 2. Przetwarzanie graficzne plików. Wprowadzenie teoretyczne

Temat: Podział grafiki komputerowej

Wymagania edukacyjne na ocenę z informatyki KLASA III

Reprezentacja obrazów. dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki

Kompresja bezstratna

Formaty obrazów wykorzystywane na stronach www. Dołączanie obrazów do strony Formatowanie obrazów na stronie Tło na stronie Multimedia

KLASA 7 szk.podst. Stopień dostateczny Uczeń: wymienia cztery dziedziny,

Program szkolnego koła informatycznego

Kryteria końcoworoczne oceniania uczniów z informatyki w klasie II gimnazjum w roku szkolnym 2015/2016

MODUŁ AM6: GRAFIKA MENEDŻERSKA

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Projekcje multimedialne

Transkrypt:

Z życia grafika-webmastera Czasy, kiedy jedynym wymaganiem co do pracy grafika, była wyłącznie jego bujna inwencja twórcza, już dawno minęły. Grafik-webmaster, pracujący czy to jako freelancer, czy jako pracownik agencji interaktywnej, musi posiadać znacznie szerszą wiedzę niż zwykły designer. Wiedza ta dotyczy nie tylko zagadnień matematycznoprogramistycznych, ale także ogólnie pojętej typografii, funkcjonalności serwisów internetowych oraz podstawowych pojęć z zakresu sieci komputerowych. Tomasz Galanciak http://magazynt3.pl/z-zycia-grafikawebmastera

Obrazy graficzne składają się z pojedynczych punktów lub pikseli. Formaty plików graficznych mogą być skompresowane lub nieskompresowane. W zależności od stopnia kompresji, jakość obrazu ulega pogorszeniu. W przypadku profesjonalnych zastosowań należy wybierać formaty, które nie pogarszają jakości obrazów. W przypadku prostych grafik używanych w dokumentach, na stronach WWW czy zdjęć umieszczanych w albumach internetowych można pokusić się o niewielką kompresję, która pozwoli oszczędzić cenne bajty i w efekcie zmniejszyć rozmiar pliku.

Formaty graficzne: Najpopularniejszymi formatami graficznymi używanymi przez twórców stron WWW są od lat JPEG i GIF. Czy zawsze jednak są także najlepszym możliwym rozwiązaniem? Grafiki można zapisać do pliku, używając różnych formatów graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazów, każdy ma swoje mocne i słabe strony. Formaty plików graficznych można podzielić na formaty przechowujące grafikę rastrową oraz te przechowujące grafikę wektorową. Pliki graficzne są zapisywane w różnych formatach, w zależności od tego, czy ważniejsza jest ich wysoka jakość czy też mniejsza ilość zajmowanego miejsca. Natomiast konwertowanie to zapisanie pliku w innym formacie. Format, na który się zdecydujemy powinien zależeć od tego, do jakich celów chcemy ją wykorzystać.

Formaty graficzne: JPG - popularny format zapisu plików graficznych JPEG, potrafi zachowywać informację o 24-bitowym kolorze ze stuprocentową wiernością. Jednak możliwe jest także pominięcie niektórych szczegółów, co spowoduje znaczne zmniejszenie rozmiaru pliku wynikowego. Taka procedura nosi nazwę kompresji stratnej i powoduje utratę jakości obrazu. Jednak niski stopień kompresji nie spowoduje znaczących różnic i zmian jakości obrazu widzianych ludzkim okiem. Zastosowanie kompresji w przypadku plików w formacie JPEG powoduje spore zmniejszenie ich rozmiarów, dzięki czemu są one chętnie stosowane w fotografii cyfrowej. Obrazy zachowane w tym formacie mają rozszerzenie: *.jpg lub *.jpeg. GIF - obraz zachowany w tym formacie może być: czarno-biały, w skali szarości lub kolorowy (maksymalna ilość kolorów to 256 barw). Dzięki kompresji format GIF cechuje się bardzo niewielkim rozmiarem, a dużą zaletą jest możliwość utworzenia prostych animacji. Dzięki tych cechom format ten jest ciągle bardzo powszechny w zastosowaniach internetowych. Pliki w tym formacie mają rozszerzenie *.gif

Formaty graficzne: PNG - format PNG został opracowany z myślą, że zastąpi format GIF. Zaletami formatu PNG są: możliwość obsługi stopniowanej przezroczystości (tzw. kanał alfa) oraz obsługa głębi koloru, która jest mniejsza niż 8-bitowa (zawiera poniżej 256 kolorów). Możliwości ograniczenia palety barw, a co za tym idzie zmniejszenie rozmiarów pliku sprawdza się w zastosowaniach takich jak zrzuty ekranu, czy przenoszeniu na format cyfrowy dokumentów z pieczątkami i odręcznymi notatkami, wykresów, czy prostych szkiców i grafik. W przypadku materiałów które zostały zeskanowane, zmniejszenie rozmiarów pliku można osiągnąć przez zwiększenie kontrastu. W formacie PNG zapisywać można również bardzo szczegółowe fotografie. Wysoką jakość zapewnia możliwość zapisania pliku w z co najmniej 20-bitową głębią koloru, co zapewnia precyzję przenoszonych danych, której nie mają formaty zapisujące z kompresją stratną, takie jak JPG. Pliki w tym formacie mają rozszerzenie *.png. BMP - format zachowywania grafiki rastrowej BMP opracowany został dla systemu OS/2, ale popularność przyniosło mu zastosowanie go jako podstawowego formatu plików graficznych w systemie Windows. Pliki w formacie BMP pozwalają zapisywać obrazy o głębi kolorów do 24-bitów, co wynosi około 16,7 milionów kolorów. Możliwa jest również ich kompresja. Ten rodzaj plików ma rozszerzenie *.bmp.

Plusy i minusy różnych formatów graficznych JPEG: JPEG jest formatem graficznym przeznaczonym do zdjęć. Dobrze radzi sobie z obrazami, które mają dużo kolorów w różnych odcieniach i gładkie przejścia tonalne. Słabym punktem JPEG są ostre linie i jaskrawe kolory. Po zapisaniu w tym formacie zostaną one zniekształcone i rozmazane. JPEG nie obsługuje przezroczystości. Grafiki w tym formacie mają zawsze prostokątny obrys i jednolite (np. białe) tło. GIF: Poprzednik formatu PNG. Ma podobne zastosowanie: proste rysunki i małe ozdobniki. Wygenerowane w taki sposób pliki graficzne mają niewielkie rozmiary. Format GIF wyróżnia możliwość zapisania krótkich animacji. Odpowiednie programy są w stanie zapisać serię obrazków jako jeden plik GIF. Oferuje słabe wsparcie dla przezroczystości - nie można w tym formacie zapisać półprzezroczystości, przez co krawędzie GIF-ów są zawsze ostre.

PNG: Dobrze zapisane grafiki PNG są prawie zawsze mniejsze od GIF-a, a to oznacza mniej danych do pobrania z serwera. Obsługuje zapis koloru w dowolnej palecie kolorów: od 1- do 8- bitowego zapisu, tak jak ma to miejsce w formacie GIF, poprzez 16- bitową skalę szarości, aż do 8- i 16-bitowego zapisu na każdy kanał, czylido 24- i 48-bitowej palety true color. Oferuje możliwość użycia kanału alpha (czyli gamy efektów opierających się na półprzezroczystości, np. realistycznych cieni). Format PNG wyróżnia wbudowana korekcja gammy i kontrola jasności ponad platformami sprzętowymi. Pełna dostępność kodu źródłowego i brak ograniczeń związanych z patentami oraz licencjami. Do niedawna format PNG nie był obsługiwany przez przeglądarkę Internet Explorer 6. Zostało to poprawione dopiero wraz z premierą Internet Explorera 7. Formaty graficzne: PNG - nieużytek czy spełnienie marzeń webmasterów? http://magazynt3.pl/formaty-graficzne-png-nieuzytek-czy-spelnienie-marzen-webmasterow

Graficzne wskazówki Twórz lepsze i szybciej wczytujące się ilustracje, dowiedz się jak usprawnić pracę z plikami graficznymi, dodawaj wspaniałe efekty - wszystko po to, aby twoja strona znowu zachwycała odwiedzających. http://magazynt3.pl/graficzne-wskazowki/

Picasa Web Albums - Zdjęcia w sieci. Poradnik praktyczny Jeśli chcemy pochwalić się rodzinie czy znajomym swoimi zdjęciami, najprościej umieścić je w internecie i przygotować estetyczny album. Niezbędne czynności uprościmy dominimum, jeśli skorzystamy z Picasy. http://magazynt3.pl/picasa-web-albums-zdjecia-w-sieci-poradnik-praktyczny

Dobór kolorów na stronę WWW Prawdopodobnie każda z osób tworzących projekty do wyświetlania na ekranie monitora (strony WWW, prezentacje) miała nieraz problem z odpowiednim wyborem palety kolorów. Dobór schematu barw można uprościć, korzystając z przygotowanych do tego narzędzi. http://magazynt3.pl/dobor-kolorow-na-strone-www Marcin Kosedowski Do prezentacji wykorzystano artykuły z magazynu Inter Maker - Portal Magazynu T3- Tomasz Galanciak

Do stworzenia grafik na strony internetowe, a także całych projektów stron, możesz z powodzeniem wykorzystać program GIMP. Ma on wszystkie niezbędne funkcje i doskonale nadaje się zarówno do tworzenia dowolnych grafik dla stron internetowych jak i do obróbki zdjęć cyfrowych. Praca nad szablonem została podzielona na pięć etapów: 1. Przygotowanie obrazu XCF; 2. Rysowanie szkicu ; 3. Krojenie pliku XCF na mniejsze kawałki, 4. Opracowanie kodu XHTML, 5. Opracowanie kodu CSS. Gimp: tworzenie szablonów stron WWW http://magazynt3.pl/tag/463,1,gimp/