Kako dodati JPG, GIF ili PNG slike na web stranicu

Jednostavan vodič za prikaz slika na web stranici

Većina slika na mreži su u formatu JPG , GIF i PNG . Ovakve fotografije možete prenijeti na svoju web stranicu da biste podijelili s drugima ili da biste nešto više objasnili, iznijeli ideju ili iz bilo kojeg drugog razloga.

Kada povezujete sliku na svojoj web-lokaciji, sami ne trebate sama domaćin slike. Možete prenijeti fotografiju na drugi web poslužitelj, a zatim ga povezati s vlastite web stranice.

Provjerite veličinu slike

Neke usluge hostinga ne dopuštaju datoteke određene veličine. Pobrinite se da je ono što ćete prenijeti na svoju web-lokaciju pod vašom web hosting uslugom pod maksimalnom dopuštenom veličinom. To vrijedi bez obzira je li slika u PNG formatu ili GIF, JPG, TIFF , itd.

Zadnja stvar koju želite je naporno raditi na stvaranju savršene slike samo da bi bila prevelika za prijenos. Srećom, možete smanjiti veličinu svojih fotografija kako bi ih mogli raditi.

Pošaljite sliku Online

Prenesite svoju JPG ili GIF sliku na svoju web-lokaciju pomoću programa za prijenos datoteka koji pruža vaš web hosting usluga. Ako ga ne pružaju, potreban vam je FTP program za prijenos slika. Druga mogućnost je izbjegavanje korištenja vlastitog web poslužitelja za domaćin slike i korištenje različitih usluga hostinga slika .

Ako dodajete sliku na svoju web-lokaciju koju ste preuzeli ili pak pakirate u arhivu kao što je ZIP datoteka, vjerojatno ćete najprije morati izvući slike. Većina web hosting platformi ne dopuštaju prijenos slika osim ako nisu u formatu slike kao što su JPG, GIF, PNG i sl. - ne arhiviraju vrste datoteka kao što su 7Z , RAR itd.

S druge strane, ako je vaša slika već hostirana na nekom drugom mjestu, kao na tuđem web mjestu, izravno ga možete povezati s niže navedenim korakom - ne morate je preuzeti i ponovno ga prenijeti na svoj vlastiti web-poslužitelj ,

Pronađite URL svoje slike

Gdje ste prenijeli JPG ili GIF sliku? Jeste li ga dodali u korijen svog web poslužitelja ili u drugu mapu poput onog napravljenog posebno za držanje slika? To je neophodno znati kako biste mogli utvrditi njegovu stalnu lokaciju koju ćete kasnije trebati za posluživanje slike svojim posjetiteljima.

Evo primjera izravne veze na PNG datoteku, koja se ovdje nalazi ovdje:

https: // www. /static/2.49.0/image/hp-howto.png

Na primjer, ako je struktura mapa web-poslužitelja za slike \ images \ , a fotografija koju ste prenijeli zove new.jpg , URL za tu fotografiju je \ images \ new.jpg . Ovo je slično našem primjeru gdje se slika zove hp-howto.png i mapa u kojoj se nalazi naziva se /static/2.49.0/image/ .

Ako je vaša slika domaćin drugdje, samo kopirajte URL tako da desnom tipkom miša kliknete vezu i odaberete opciju kopiranja. Ili otvorite sliku u pregledniku klikom na nju i zatim kopirajte lokaciju na tu sliku s navigacijske trake u pregledniku.

Umetnite URL na stranicu

Sada kada imate URL slike na koju želite povezati na svojoj web stranici, morate odabrati gdje bi trebalo ići. Pronađite određeni dio stranice na kojoj želite povezati JPG sliku.

Kada pronađete pravo mjesto za povezivanje slike, koristite funkciju hiperveze vašeg web poslužitelja kako biste povezali URL s riječju ili frazom u rečenici koja bi trebala usmjeriti ljude na sliku. Može se nazvati umetanje veze ili dodavanje hiperveze .

Postoji mnogo načina povezivanja s imidžom. Možda je vaš new.jpg slika cvijeta i želite da Vaši posjetitelji mogu kliknuti vezu da biste vidjeli cvijet.

Ako želite povezati sliku s HTML kôdom stranice, to možete i učiniti.

Imam vrlo lijep cvijet koji raste u mom vrtu ,

Drugi način povezivanja s imidžom na vašoj web-lokaciji jest da ga objavite u liniji s HTML kodom. Što to znači da će vaši posjetitelji vidjeti sliku kad otvore stranicu, tako da neće biti veza kao što vidite u gore navedenim primjerima. Ovo radi za slike na vašem poslužitelju i za slike hostirane drugdje, ali morate imati pristup HTML datoteci web stranice kako biste to učinili.