Strona 1 z 2

Pomniejszanie i publikacja zdjęć na forum

: 2008-01-18, 14:18
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.

: 2008-01-18, 16:56
autor: makorol
Super, że to napisałeś. Przyda się wielu nowym użytkownikom. :)

: 2008-01-18, 17:08
autor: Sariel
makorol pisze:Przyda się wielu nowym użytkownikom. :)
Modlę się o to :)

: 2008-01-18, 17:22
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 :)

: 2008-01-18, 17:27
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 :) ).

: 2008-01-18, 17:41
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 :)

: 2008-01-18, 18:50
autor: Pietruch
A ja używam program Microsoft Office Picture Manager. Świetny program.

: 2008-01-18, 19:13
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ć.

: 2008-01-18, 20:24
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

: 2008-01-19, 14:53
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 :)

: 2008-01-20, 08:56
autor: konik
Do zmniejszania zdjęć polecam photo phlter i irfan viev http://www.irfanviev.com/

: 2008-03-11, 09:25
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.

: 2008-03-11, 09:28
autor: trubal
Brawo Sariel!!

: 2008-04-10, 13:16
autor: Vlado
Wielkie dzięki za ten temat.
Dzięki niemu zaoszczędziłem sporo czasu przy zamieszczaniu pierwszych zdjęć.

dobra robota! :)

: 2008-10-07, 10:28
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.