Pomniejszanie i publikacja zdjęć na forum

Składnica wiedzy

Moderatorzy: Mod Team, Mod Team

Autor
Wiadomość
Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

Pomniejszanie i publikacja zdjęć na forum

#1 Post autor: Sariel »

Ten artykuł jest uzupełnieniem [URL=http://www.00453005_0000002.pl/artykuly.php?show=48681]tego artykułu opisującego publikację zdjęć na BS i wklejanie ich na forum[/URL]. W związku z uporczywym wklejaniem na forum maniacko wielkich zdjęć, zdecydowałem się twórczo wyładować swoją frustrację publikując poniższą instrukcję.

Jak pokazać pomniejszone zdjęcie na forum
Można to zrobić na wiele sposobów, można się kłócić który jest bardziej trendi i baunsi, poniżej pokazuję jeden z najprostszych, dywagacje czy jest lepszy od innych mnie nie obchodzą.

- Wstawianie zdjęcia z BrickShelfa
1. Otwieramy nasze zdjęcie na BrickShelfie. Klikamy w nie aż otworzy się na białym tle, a adres URL jaki widzimy w przeglądarce będzie się kończył nie numerkiem, tylko np. ".jpg", ".gif", ".png" czy podobnie.
2. Kopiujemy tenże adres URL
3. Otwieramy stronę imageshack.us
4. Przy opcji "upload" wybieramy "URL"
5. W pole poniżej "upload" wklejamy adres URL który skopiowaliśmy w punkcie 2
6. Zaznaczamy opcję "resize image" i wybieramy z listy obok niej opcję 320x240 lub 640x480 (nie większą)
7. Klikamy guzik "host it!"
8. Otwiera nam się strona z kilkoma polami, na samym dole znajdujemy pole "Direct link to image"
9. Kopiujemy zawartość tego pola
10. Na forum, pisząc post, w miejscu gdzie chcemy pokazać w nim zdjęcie wklejamy zawartość tego pola między znacznik Obrazek, powinno to wyglądać w ten sposób:

Kod: Zaznacz cały

[img]link-do-zdjęcia[/img]
np.:

Kod: Zaznacz cały

[img]http://img230.imageshack.us/img230/1473/1003029on1.jpg[/img]
- Wstawianie zdjęcia z komputera
1. Otwieramy stronę imageshack.us
2. Klikamy przycisk obok pola pod "upload" (może się nazywać "Przeglądaj", "Browse", czy "Wybierz" zależnie od przeglądarki)
3. Wskazujemy wybrany plik ze zdjęciem na naszym komputerze
4. Klikamy guzik "host it!"
5. Otwiera nam się strona z kilkoma polami, na samym dole znajdujemy pole "Direct link to image"
6. Kopiujemy zawartość tego pola
7. Na forum, pisząc post, w miejscu gdzie chcemy pokazać w nim zdjęcie wklejamy zawartość tego pola między znacznik Obrazek, powinno to wyglądać w ten sposób:

Kod: Zaznacz cały

[img]link-do-zdjęcia[/img]
np.:

Kod: Zaznacz cały

[img]http://img230.imageshack.us/img230/1473/1003029on1.jpg[/img]
Jeśli nie wiesz co to jest adres URL lub nie potrafisz wykonać operacji kopiuj / wklej, jest to jasny sygnał że warto nauczyć się podstaw obsługi komputera przed pisaniem na forum.
Ostatnio zmieniony 2008-04-09, 22:53 przez Sariel, łącznie zmieniany 5 razy.

Awatar użytkownika
makorol
Posty: 666
Rejestracja: 2004-11-20, 09:55
Lokalizacja: Bystrzyca / Wrocław
brickshelf: makorol

 

#2 Post autor: makorol »

Super, że to napisałeś. Przyda się wielu nowym użytkownikom. :)
Pozdrawiam, Makorol.

Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

#3 Post autor: Sariel »

makorol pisze:Przyda się wielu nowym użytkownikom. :)
Modlę się o to :)

Awatar użytkownika
M_longer
VIP
Posty: 5429
Rejestracja: 2007-09-29, 08:47
Lokalizacja: Lubin
brickshelf: M-longer
Kontakt:

 

#4 Post autor: M_longer »

makorol pisze:Przyda się wielu nowym użytkownikom. :)
Tylko nowym?
Ja też dowiedziałem się czegoś nowego :)

Ale...
Czy zmniejszenie zdjęć bezpośrednio przed wrzuceniem jest aż tak trudne?
Przecież mało kto będzie czekał aż zdjęcie w boskiej rozdzielczości np. 2304x3072 załaduje się do końca...
A to tylko kilka sekund 'obróbki' przy każdym zdjęciu...
A mniejsze zdjęcia szybciej się wrzuca na BS :)

Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

#5 Post autor: Sariel »

Oczywiście, ale są ludzie którzy "nie umiom" i co zrobić? Takie życie że duuuża część internautów w kwestii obróbki zdjęć poprzestaje na MS Paincie (Macku - wspaniały produkt rewelacyjnej firmy :) ).
Ostatnio zmieniony 2008-01-18, 17:29 przez Sariel, łącznie zmieniany 1 raz.

Awatar użytkownika
szarikm
Adminus Emeritus
Posty: 1312
Rejestracja: 2005-11-03, 16:43
Lokalizacja: Rzeszów
brickshelf: szarikm

 

#6 Post autor: szarikm »

M_longer pisze:Czy zmniejszenie zdjęć bezpośrednio przed wrzuceniem jest aż tak trudne?
dla leniwych jest wszystko trudne, są programy które hurtowo zmieniają rozmiary plików. Bardzo prosty w obsłudze. Ale trzeba chcieć go poszukać.
Sariel pisze:Takie życie że duuuża część internautów w kwestii obróbki zdjęć poprzestaje na MS Paincie
Poprzestaje, bo jest najłatwiejszy i najprostszy. Przycinam i drukuje - osobiście mnie to wystarcza :)

Awatar użytkownika
Pietruch
Posty: 1379
Rejestracja: 2004-12-25, 17:06
Lokalizacja: Warszawa
brickshelf: Pietruch-15

 

#7 Post autor: Pietruch »

A ja używam program Microsoft Office Picture Manager. Świetny program.
Pozdrawiam,
Maciej

Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

#8 Post autor: Sariel »

Nie znam, w pracy korzystam czasem z Easy Thumbnails bo jest darmowy, ma mnóstwo opcji i bezproblemowo mieli foldery i po parę tysięcy plików. Tym niemniej metoda Imageshackiem jest prostsza, bo nie trzeba niczego ściągać i instalować.

Awatar użytkownika
bartek_mi
Posty: 286
Rejestracja: 2007-12-03, 14:11
Lokalizacja: wawa
brickshelf: bartekmi

 

#9 Post autor: bartek_mi »

ja ze swej strony moge polecic darmowe oprogramowanie - paint .net

http://www.getpaint.net/

program jest bardzo sympatyczny. posiada filtry. nawet proste opcje warstw.

i co moze byc uzyteczne dla forumowiczow - opcje "Crop", ktorej bardzo brakuje w windowsowym paincie i pozwala zapisywac do jpeg z roznym sotpniem kompresji podajac rozmiar wynikowego pliku...

minusem dla niektorych moze byc brak polskiej wersji jezykowej

Awatar użytkownika
Kubrick
VIP
Posty: 2198
Rejestracja: 2006-05-19, 21:51
Lokalizacja: KrakóVW
brickshelf: Kubrick
Kontakt:

 

#10 Post autor: Kubrick »

To ja jeszcze polecam program Image Resizer: http://semland.com/ir/ir.zip
Zajmuje malo miejsca i szybko zmniejsza obrazki tak, ze nie traci sie wiele na jakosci, a przynajmniej z 2MB sie robi 150KB :)
Cieślu pisze:kup volvo nie bądź janusz
Cieślu pisze:Ty to byś Kubrick wszystko zwieśniaczył :>

konik

#11 Post autor: konik »

Do zmniejszania zdjęć polecam photo phlter i irfan viev http://www.irfanviev.com/

Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

#12 Post autor: Sariel »

Kochani forumowicze, dziś nauczymy się masowo zmniejszać zdjęcia paroma kliknięciami. Fakt że użytkownicy Windows XP mają bezpośrednio w systemie narzędzia do takiej operacji, ale że nie każdy potrafi ich użyć, i nie każdy ma XP, zrobimy to specjalnie do tego przeznaczonym, darmowym programem Easy Thumbnails.

MASOWE ZMNIEJSZANIE ZDJĘĆ:
1. Pobieramy program Easy Thumbnails stąd lub stąd.
2. Instalujemy program
(dla zaawansowanych - przy instalacji mamy opcję dodania do menu kontekstowego eksploratora Windows opcji "Make thumbnail")
3. Uruchamiamy program, po uruchomieniu powinien wyglądać z grubsza tak:

Obrazek

Widzimy tu 3 główne okna:
- lewe górne to lista folderów w naszym komputerze
- lewe dolne to lista plików graficznych w folderze wybranym w poprzednim oknie
- prawe okno to podgląd wybranego obrazka, lub obrazek tytułowy jeśli nie wybierzemy żadnego
(dla zaawansowanych: nad lewym górnym oknem mamy możliwość filtrowania plików według wybranego z listy rozszerzenia)
4. W lewym górnym oknie wskazujemy folder z naszymi zdjęciami
5. W lewym dolnym oknie zaznaczamy te zdjęcia w folderze które chcemy zmniejszyć. Jeśli chcemy zmniejszyć wszystkie w danym folderze, nie zaznaczamy niczego.
6. Przechodzimy do zakładki Settings:

Obrazek

Mamy tu sporo ustawień, zasugeruję zalecane:
Max width: 800
Max height: 800
JPEG Quality: 85
Reszta nie wymaga zmian, z jednym wyjątkiem: opcja "New name" - są 3 najczęstsze sposoby na jakie można ją wykorzystać:
a) jeśli chcemy nadpisać ryginalne obrazki miniaturami, wybieramy "Add nothing"
b) jeśli nie chcemy nadpisywać oryginałów, możemy utworzyć nowe pliki z prefiksem przed nazwą oryginału - czyli np. miniatura pliku "moc.jpg" będzie się nazywała "tn_moc.jpg" - w tym celu wybieramy "Add prefix" a w okienku po lewej wpisujemy prefiks o jaki nam chodzi
c) możemy postąpić jak w punkcie b), ale dodając sufiks do nazwy - czyli np. miniatura pliku "moc.jpg" będzie się nazywała "moc_tn.jpg" - w tym celu wybieramy "Add sufix" a w okienku po lewej wpisujemy sufiks o jaki nam chodzi

7. Jeśli skończyliśmy z ustawieniami, możemy już pomniejszać zdjęcia. Jeśli w punkcie 5 zaznaczyliśmy jakieś zdjęcia, klikamy przycisk Make w prawym dolnym rogu. Jeśli w punkcie 5 nie zaznaczyliśmy żadnych zdjęć, bo chcemy zmniejszyć wszystkie w danym folderze, klikamy przycisk Make All w prawym dolnym rogu.
8. Jeśli w punkcie 6 z opcji New name wybraliśmy "Add nothing", program zapyta czy na pewno chcemy nadpisać oryginalne pliki. Jesteśmy poczytalni, więc potwierdzamy.
9. Zdjęcia zaczną się przetwarzać. Jeśli wybraliśmy w miarę dużą ilość sporych zdjęć, a nasz komputer nie jest ultrasuperhiperszybki, mamy dużą szansę że zdążymy zobaczyć komunikat ile zdjęć już przetworzono, w lewym dolnym rogu programu:

Obrazek

Czas potrzebny na przetworzenie naszych zdjęć zależy od ich wielkości, ilości i szybkości naszego komputera. Easy Thumbnails jest wydajnym programem, przerabiałem nim foldery mające ponad 1000 zdjęć i radził z tym sobie bez problemu.
10. Po zakończeniu przetwarzania program wyświetli komunikat np. "18 thumbnails created". Możemy go teraz zamknąć i pokazywać w Internecie nasze lekkie, ładnie pomniejszone zdjęcia.

Program posiada sporo opcji z którymi można eksperymentować samodzielnie, pozwala nawet na prostą korektę poszczególnych zdjęć. Pozostawiam je do odkrycia przez zainteresowanych, celem artykułu jest pokazanie jak najprościej wykorzystać program do większości potrzeb.

Awatar użytkownika
trubal
Posty: 299
Rejestracja: 2007-06-13, 14:50
Lokalizacja: Gdynia
brickshelf: trubal
Kontakt:

 

#13 Post autor: trubal »

Brawo Sariel!!
"I got a bad feeling about this..."

Mój sklep BL:
www.brickbox.prv.pl

Awatar użytkownika
Vlado
VIP
Posty: 149
Rejestracja: 2008-03-22, 19:25
Lokalizacja: Warszawa
brickshelf: Vlado

 

#14 Post autor: Vlado »

Wielkie dzięki za ten temat.
Dzięki niemu zaoszczędziłem sporo czasu przy zamieszczaniu pierwszych zdjęć.

dobra robota! :)
No nie wiem...

Awatar użytkownika
Sariel
VIP
Posty: 5418
Rejestracja: 2007-03-28, 08:16
Lokalizacja: Warszawa
brickshelf: Sariel
Kontakt:

 

#15 Post autor: Sariel »

Drodzy forumowicze,

W zasadzie wszyscy ładnie zmniejszają już zdjęcia wstawiane na forum, nic tylko się cieszyć. Tzn. możnaby się cieszyć, gdyby nie jeden mały problem - sporo osób wstawia zdjęcia zmniejszone do rozsądnych rozmiarów, ale horrendalnie ciężkie.
Każde zdjęcie oprócz wymiarów czyli np. 800 x 600 pikseli, ma swój ciężar pliku (ang. filesize) mierzony zwykle w kilobajtach (kB). Ciężar zależy ściśle od stopnia kompresji, i od szczegółowości zdjęcia. Fotka oddalonego MOCyka w kilku kolorach z zasady waży mniej od czegoś tęczowo kolorowego, wypełniającego cały kadr.
W dzisiejszej lekcji, sponsorowanej przez literki "k" i "B", nauczymy się, jak dbać o lekkość naszych zdjęć. Nie chcemy, żeby były ciężkie. Nie chcemy żeby zdjęcia wielkości 800x600 pikseli ważyły powyżej 200 kB, bo to przesada. Na naszym forum pojawiły się fotki tej wielkości ważące dobrze ponad 300 kB - jak łatwo policzyć, wstawienie trzech takich zdjęć do postu zmusza każdego czytającego do ściągnięcia megabajta danych. Nie ma to naprawdę sensu, bo tyle samo możemy pokazać na zdjęciach ważących po 150 kB. Zdjęcia będą o połowę lżejsze, załadują się czytającym o połowę szybciej, a różnicę w ich wyglądzie dostrzegą tylko osoby zawodowo zajmujące się grafiką.
I po tym wstępie pora na...

PORADNIK SZYBKIEGO ZMNIEJSZANIA WAGI ZDJĘĆ

Mamy takie oto przykładowe zdjęcie (przykład wybrany zupełnie nieobiektywnie na podstawie wagi):

Obrazek

Jest ładne, ma rozsądną wielkość, ale waży aż 332 kB. 332 kB to bardzo dużo, wystarczyłoby na 3 zdjęcia dobrej jakości albo dwa bardzo dobrej. Zresztą, zróbmy porównanie:

Obrazek

Powyższe zdjęcie zawiera kolorowe logo, barwne elementy o skomplikowanych kształtach i drobny tekst. Czy sprawia wrażenie jakby było złej jakości? Chyba nie. A waży 188 kB.
Pójdźmy dalej - zdjęcie tego samego MOCa bez logo, tekstu, i dodatkowej grafiki. Jakość? Bez zarzutu. Waga - 96 kB:

Obrazek

Jak łatwo policzyć, nasze pierwsze przykładowe zdjęcie jest prawie 3 i pół raza cięższe, mimo że wszystkie mają wielkość 800 x 600 pikseli. Ta różnica to niepotrzebny nadmiar, którego chcemy się pozbyć. Do dzieła:

Odchudzamy zdjęcie

- wchodzimy na stronę http://jpeg-optimizer.com/
- klikamy przycisk po prawej stronie pola "Photo to Optimize" (zależnie od przeglądarki będzie się on nazywał "Wybierz...", "Przeglądaj..." itp.)
- wskazujemy lokalizację zdjęcia które chcemy zmniejszyć na naszym komputerze i klikamy "Otwórz"

Obrazek

- upewniamy się, że opcja "Compress Image" jest zaznaczona, a przy polu obok mamy wartość powiedzmy 65 (można zwiększyć jeśli zdjęcie po optymizacji wychodzi brzydko); jeśli chcemy przy okazji zmniejszyć rozmiar zdjęcia, zaznaczmy opcję "resize Photo" i wpisujemy obok pożądaną szerokość zdjęcia po zmniejszeniu; po wszystkim klikamy przycisk "Optimize Photo":

Obrazek

- czekamy na wyświetlenie się strony wynikowej
- dostajemy stronę z lżejszą wersją zdjęcia, a pod nią podsumowanie o ile lżejszy jest plik. W przypadku naszego przykładowego zdjęcia optymalizowanego z jakością 65, było to:

Obrazek

Zamiast 332 kB zdjęcie waży teraz 40 kB. Jak wygląda? Poniżej wersja 40 kB, pod nią oryginalna 332 kB:

Obrazek
Obrazek

- na zakończenie klikamy prawym klawiszem na zdjęciu, które dostaliśmy jako wynik, i wybieramy opcję "Zapisz jako...". Zdjęcie zapisujemy sobie na komputerze, a potem z dumą ładujemy do galerii i pokazujemy na forum. Nasza duma wynika z faktu, że 332 kB którego wcześniej potrzebowaliśmy na jedno zdjęcie, wystarczy nam teraz na pokazanie nawet ośmiu.

WAŻNE: nie wszystkie zdjęcia dadzą się aż tak ładnie zoptymalizować. Np. fotki z drobnymi detalami, np. tekstem, albo dużą ilością koloru czerwonego mogą wymagać podania przy optymalizacji wartości wyższej niż 65. Poeksperymentujcie z różnymi wartościami, zobaczcie jakie będą efekty. Generalna zasada: zdjęcie 800 x 600 pikseli powinno ważyć mniej niż 200 kB.

Przeczytać, nauczyć się, stosować.

PS. Przepraszam wszystkich posiadaczy wolnych łącz za wklejanie w temat zdjęcia 332 kB. Jakiś przykład musiał być.

PPS. Tak, najlepszym programem do kompresowania JPGów jest Adobe Photoshop. Jest on jednak płatny, i wymaga instalowania - w przeciwieństwie do powyższej metody.
Ostatnio zmieniony 2008-10-07, 10:40 przez Sariel, łącznie zmieniany 1 raz.

ODPOWIEDZ