Skocz do zawartości

A- A A+
A A A A
Zdjęcie

upload obrazów na serwer


  • Zaloguj się, aby dodać odpowiedź
3 odpowiedzi w tym temacie

#1 versus

versus

    Narrator

  • Użytkownik
  • PipPipPipPipPipPipPipPip
  • 1351 postów

Napisano 30 kwiecień 2008 - 13:09

upload obrazów na serwer

...czyli jak wstawić na forum obraz z naszego komputera

Ze względu na dużą liczbę osób mających problem ze wstawieniem grafiki w poscie, postanowiłem napisać ten tutorial


W sieci jest wiele serwisów oferujących hosting obrazów w najbardziej popularnych formatach, lub jak kto woli - rozszerzeniach:
jpg
jpeg
png
gif
bmp
tif
tiff
swf


Osobiście polecam upload grafik w formacie png i gif (obsługują przeźroczystość) oraz jpg czy jpeg.
Zdecydowanie odradzam wrzucania na serwer obrazków o rozszerzeniu bmp. Grafiki takie mają dużą pojemność, ich upload trwa zdecydowanie dłużej a po umieszczeniu na forum, strona z grafiką długo się otwiera (ładując duży obraz)


Do najbardziej popularnych serwisów hostingowych zaliczę cztery:

1. Fotosik www.fotosik.pl
Fotosik.pl to nowy, całkowicie darmowy serwis umożliwiający magazynowanie i udostępnianie w Internecie nielimitowanej ilości plików graficznych. Jedynym limitem jest wielkość pojedynczego pliku, która wynosi 1,5MB

Funkcje oraz prostota obsługi wyróżniają ten serwis spośród zagranicznej konkurencji. Fotosik.pl obsługuje najpopularniejsze formaty plików graficznych takie jak . jpg .gif ..png oraz .swf (animacje we Flashu). A najważniejsze jest to, że caly serwis jest w języku polskim.

2. imageshack imageshack.us

Serwis anglojęzyczny. Oferuje hosting grafik w formatach jpg jpeg png gif bmp tif tiff swf.
Limit to obrazki nie większe niż 1,5 MB
ps. linki zbyt szybko wygasają

3. imagevenue imagevenue.com
Anglojęzyczny serwis, umożliwiający hosting grafik w formatach jpg i jpeg.
Maksymalny rozmiar obrazka to 1,5 MB
ps. możliwy upload kilku grafik na raz

1. imagic www.imagic.pl

Możliwość wyboru miniaturki: Brak / Mała (100x125) / Duża (120x180). Serwis Imagic.pl hostuje następujące rozszerzenia: jpeg,jpg,png,gif,swf.
Maksymalna wielkośc obrazka to 2MB dla zarejestrowanych użytkowników oraz 1MB dla osób korzystających z publicznego hostingu.


zaczynamy!!!


FOTOSIK

Wchodzimy na stronę www.fotosik.pl
W widocznym menu wykonujemy następujące czynności:

Dołączona grafika

info:
kolor czerwony - wymagane
kolor zielony - nie wymagane

1 - Klikany na pole choose... (eng) lub wybierz... (pol).
Wyskoczy nam nowe okno w którym przeszukujemy komputer o interesującą nas grafikę.
Po odnalezieniu pożądanego obrazka, klikamy na nim a następnie klikamy przycisk otwórz.
Opcjonalnie można podwujnie kliknąć na wybranym obrazku

A - opis zdjęcia - tutaj możemy wpisać krótką charakterystykę zdjęcia (nie jest wymagane)

B - zdjęcie prywatne - zaptaszkowanie tej opcji spowoduje, że nasz zdjęcie nie będzie widoczne w galerii serwisu fotosika

C - umożliwia wgrywanie na serwer fotosika wielu grafik jednocześnie (wymaga rejestracji w serwisie)

2 - dodaj - rozpoczyna wgrywanie grafiki na serwer, Wyskoczy nam okenko (jeśli nie jesteśmy zarejestrowani i zalogowani w serwisie) w którym klikamy Kontynuuj mimo wszystko. Czekamy chwilę...

Po wgraniu obrazu na serwer, pojawi nam się nowe okno:

Dołączona grafika

Zdjęcie zostało dodane pomyślnie. Teraz wybierz jeden z poniższych kodów, w zależności od tego w jaki sposób chcesz zdjęcie zaprezentować.

Interesują nas tylko Kody na forum dyskusyjne:

A - Link do Twojego zdjęcia - skopiowanie tego pola i wklejenie na forum spowoduje wyświetlenie jedynie linku (nie będzie widoczny obraz).
Aby był widoczny, należy go obiąć tagami img czyli: XXXXXXXX (w miejscu XXXXXXXX wstawiamy skopiowany link z fotosika)

B - Miniaturka na forum - wstawia miniaturkę obrazka, pomocne gdy obrazek jest dość duży (ps. gdy link nie działa, użyj alternatywnej miniaturki - poniżej E)
przykład miniaturki:
Dołączona grafika

C - Miniaturka na forum (zdjęcie otworzy się w pełnym rozmiarze) - po wklejeniu tego kodu na forum utworzy się miniaturka naszego obrazka a po kliknięci w nią, otworzy się ona w pełnym rozmiarze(bez komentarzy i ocen)
przykład:
Dołączona grafika

D - Pełen rozmiar na forum - po wklejeniu tego kodu na forum, obrazek będzie widoczny w pełnym rozmiarze

E - Alternatywna miniaturka - patrz wyżej - B


Wynik końcowy:
Dołączona grafika



IMAGESHACK

Wchodzimy na stronę imageshack.us
W widocznym menu wykonujemy następujące czynności:

Dołączona grafika

info:
kolor czerwony - wymagane
kolor zielony - nie wymagane

1 - Klikany na pole choose... (eng) lub wybierz... (pol).
Wyskoczy nam nowe okno w którym przeszukujemy komputer o interesującą nas grafikę.
Po odnalezieniu pożądanego obrazka, klikamy na nim a następnie klikamy przycisk otwórz.
Opcjonalnie można podwujnie kliknąć na wybranym obrazku

A - type your email - tutaj możemy podać nasz adres email by móc się zarejestrować w serwisie imageshack po wgraniu grafiki na serwer

B - resize image - tutaj możemy zmienić wielkość grafiki o dostępne opcje: 100x75, 150x112, 320x240, 640x480 itd...

C - opcja umożliwia usunięcie paska z rozmiarem rzeczywistym w widoku miniaturki

2 - host it! - rozpoczyna wgrywanie grafiki na serwer, Po kliknięciu, pojawi się napis uploading... Czekamy chwilę...

Po wgraniu obrazu na serwer, pojawi nam się nowe okno:

Dołączona grafika

Zdjęcie zostało dodane pomyślnie. Teraz wybierz jeden z poniższych kodów, w zależności od tego w jaki sposób chcesz zdjęcie zaprezentować.

Interesują nas tylko Kody na forum dyskusyjne:Thumbnail/Hotlink for forums

A - Thumbnail for forums (1) - Miniaturka na forum - wstawia miniaturkę obrazka, pomocne gdy obrazek jest dość duży

B - Hotlink for forums (1)- Pełen rozmiar na forum - po wklejeniu tego kodu na forum, obrazek będzie widoczny w pełnym rozmiarze

C - Direct link to image - Skopiowanie tego pola i wklejenie na forum spowoduje wyświetlenie jedynie linku (nie będzie widoczny obraz).
Aby był widoczny, należy go obiąć tagami img czyli: XXXXXXXX (w miejscu XXXXXXXX wstawiamy skopiowany link z imageshack)

Wynik końcowy:
Dołączona grafika





IMAGEVENUE

Wchodzimy na stronę imagevenue.com
W widocznym menu wykonujemy następujące czynności:

http://images12.foto...d26042b4e84.png

info:
kolor czerwony - wymagane
kolor zielony - nie wymagane

A - Upload more files with one click! - Opcja ta pozwala na wysyłanie na serwer większej ilości grafik na raz (max 10). Funkcja przełącza dostępną liczbę pozycji z 5 na 10 (i na odwrót)

1 - Klikamy na pole choose... (eng) lub wybierz... (pol).
Wyskoczy nam nowe okno w którym przeszukujemy komputer o interesującą nas grafikę.
Po odnalezieniu pożądanego obrazka, klikamy na nim a następnie klikamy przycisk otwórz.
Opcjonalnie można podwujnie kliknąć na wybranym obrazku
Kolejne pola wyboru (choose...) można wypełni jeśli chcemy wgrać na raz większą liczbę grafik (patrz A )
Pamiętaj - na imagevenue.com morzesz wrzucać grafikę tylko z rozszerzeniem jpeg i jpg


2 - Select image content - Opcja ta pozwala na dokonanie selekcji pomiędzy wrzucanymi przez nas zdjęciami:
- not safe for work - grafika zawiera treści, erotyczne, brutalne itp... i nie powinna być pokazywana publicznie
- dafe for work - grafika nie zawiera scen erotycznych, brutalnych itp... i może być bezpiecznie upubliczniona
To my dokonujemy tego wyboru w zależności od tego jakie zdjęcia wrzucamy.
Nie zastosowanie się do tej zasady (gdy np. wrzucimy scenę erotyczną i oznaczymy jako safe to work) będzie skutkowało usunięciem grafiki z serwera

3 - Send file(s) - Wyślij plik(i), rozpoczyna wgrywanie grafiki na serwer, Czekamy chwilę...


B - Resize jpeg file - Wpisanie odpowiedniej wartości umożliwia zmiane rozmiaru zdjęcia przy wgrywaniu

Po wgraniu obrazu na serwer, pojawi nam się nowe okno:

http://images11.foto...5167b791med.png

A - Skopiowanie tego pola i wklejenie na forum spowoduje wyświetlenie jedynie linku (nie będzie widoczny obraz).
Aby był widoczny, należy go obiąć tagami img czyli: XXXXXXXX (w miejscu XXXXXXXX wstawiamy skopiowany link z imagevenue)

B - Hotlink a clickable thumbnail on a Forum - Miniaturka na forum - wstawia miniaturkę obrazka, pomocne gdy obrazek jest dość duży

C - Hotlink a clickable thumbnail on a Forum - Alternatywna miniaturka

Wynik końcowy:
http://images11.foto...78821589d20.jpg





IMAGIC

Wchodzimy na stronę imagic.pl
W widocznym menu wykonujemy następujące czynności:

http://images13.foto...51012198med.png

info:
kolor czerwony - wymagane
kolor zielony - nie wymagane

1 - Klikamy na pole choose... (eng) lub wybierz... (pol).
Wyskoczy nam nowe okno w którym przeszukujemy komputer o interesującą nas grafikę.
Po odnalezieniu pożądanego obrazka, klikamy na nim a następnie klikamy przycisk otwórz.
Opcjonalnie można podwujnie kliknąć na wybranym obrazku.
Uwaga - Możemy wgrywać większą liczbę grafik. Po wybraniu pierwszego zdjęcia, zostanie ono na dole dodane jako załącznik

2 - Wgraj - Ładowanie grafiki/grafik na serwer

A - Podpis - możemy dodać podpis, nazwę naszej fotki

B - Komentarz - możemy dodać dowolny opis naszej fotki

3 - Wielkość miniaturki - określamy tutaj czy zdjęcie, które ładujemy na serwer ma sie ukazać w pełnych rozmiarach (bez miniaturki) czy jako miniaturka.
Dostępne opcje:
- brak - bez miniaturki (pełny rozmiar)
- Mała (100x125) - miniaturka o rozmiarach 100x125
- Duża (120x180) - miniaturka o rozmiarach 120x180

Po wgraniu obrazu na serwer, pojawi nam się nowe okno w którym będzie informacja - link: Zobacz wgrane pliki i pobierz ich kody.
Klikamy na ten link i automatycznie przenosimy się do nowej strony.

Kolejne okno oferuje nam wybór kodu: Tryb wyświetlania: Galeria - Szczegóły - Kod BB - Kod HTML
Intersuje nas oczywiście kod BB, ponieważ do formatowania tekstu i innych czynności na forach, używamy właśnie kodów BB.
Wystarczy teraz, że skopiujemy widoczny kod (w całości) i wkleimy go na forum

Uwaga - Przy wyborze wielkości miniaturki jako Brak, uzyskamy kod tylko do stworzenia linku do obrazka.
Aby przy tej opcji obrazek był widoczny w poście, posłużę się przykładem i wyjaśnie po koleji.

mamy przykład kodu (przy opcji: brak)
[url =http://www.imagic.pl/public/pview/13137/warcraft3.png]warcraft3.png[/url]

kopiujemy to co jest zaznaczone na czerwono
warcraft3.png
i wklejamy to do paska adresu przeglądarki i przechodzimy pod ten adres.
Wyświetli nam się nasza grafika a pod spodem adres obrazka
Kopiujemy ten adres i wstawiamy go między tagi w poście na forum
XXXXXXXX
gdzie XXXXXXXX to adres spod obrazka

Wyżej wymieniona operacja dotyczy tylko wyboru opcji brak, przy określaniu rozmiarów miniaturki i gdy chcemy ukazać zdjęcie w pełnych rozmiarach.


ps. więcej serwisów hostingujących grafiki TUTAJ



Created only for IPON.pl
#Kopiowanie treści bez zgody autora zabronione

  • 0
There is something behind the throne greater than the King himself.
William Pitt The Elder, Lord Chatham

#2 nonames

nonames

    Sufler

  • Użytkownik
  • PipPipPipPipPipPip
  • 319 postów

Napisano 14 czerwiec 2009 - 08:29

hmmmm to ja prościej i krócej bym wytłumaczył jak założyć konto ftp na np wp i jak łatwo dogrywać zdjęcia
  • 0
życie nie powinno być podróżą do grobu z intencją, aby dostać się tam bezpiecznie w atrakcyjnej i dobrze zakonserwowanej postaci, jest raczej ślizganiem się z boku na bok, z czekoladą w jednej dłoni, winem w drugiej, ciałem gruntownie wyeksploatowanym, totalnie wyczerpanym i z krzykiem... ??
O Cholera, Ale Jazda!!

#3 marder

marder

    evil admin

  • Administrator
  • 3574 postów
  • Skąd:/home/marder

Napisano 14 czerwiec 2009 - 16:49

Zatem nie opowiadaj o tym, tylko zrób to, w równie staranny sposób co Versus.

Pozdrawiam
marder
  • 0

Nierozwiązywalność jest zawsze stanem przejściowym. 

 

Ziewanie, to cichy krzyk o kawę.


#4 nonames

nonames

    Sufler

  • Użytkownik
  • PipPipPipPipPipPip
  • 319 postów

Napisano 25 czerwiec 2009 - 22:50

ZROBIONE

http://www.ipon.pl/f...ic.php?id=13322

http://www.ipon.pl/f...ic.php?id=13324
  • 0
życie nie powinno być podróżą do grobu z intencją, aby dostać się tam bezpiecznie w atrakcyjnej i dobrze zakonserwowanej postaci, jest raczej ślizganiem się z boku na bok, z czekoladą w jednej dłoni, winem w drugiej, ciałem gruntownie wyeksploatowanym, totalnie wyczerpanym i z krzykiem... ??
O Cholera, Ale Jazda!!


Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych