Kako dodati slike JPG, GIF ali PNG na svojo spletno stran

Enostaven vodič za prikaz slik na vaši spletni strani

Večina slik na spletu je v formatih, kot so JPG , GIF in PNG . Te fotografije lahko naložite na svoje spletno mesto, da jih delite z drugimi ali da dodatno razložite nekaj, da predstavite zamisel ali iz katerega koli drugega razloga.

Ko povežete sliko na svojem spletnem mestu, vam sploh ni treba gosti slike. Naložite lahko fotografijo na drug spletni strežnik in jo nato povežete s svojega spletnega mesta.

Preverite velikost slike

Nekatere storitve za gostovanje ne dovoljujejo datotek v določeni velikosti. Prepričajte se, da je vaše spletno gostovanje v največji dovoljeni velikosti vašega spletnega mesta. To velja, ne glede na to, ali je slika v obliki PNG ali GIF, JPG, TIFF itd.

Zadnja stvar, ki jo želite, je, da si prizadevate ustvariti popolno sliko samo, da bi bila prevelika za nalaganje. Na srečo lahko zmanjšate velikost vaših fotografij, da bodo lahko delovale.

Prenesite sliko v spletu

Naložite svojo sliko JPG ali GIF na svoje spletno mesto s programom za nalaganje datotek, ki vam zagotavlja storitev spletnega gostovanja. Če jih ne zagotovijo, boste potrebovali program FTP za nalaganje slik. Druga možnost je, da se izognete uporabi lastnega spletnega strežnika, da bi gostili sliko in uporabili drugačno storitev gostovanja slik .

Če dodate sliko na spletno mesto, ki ste ga prenesli, ali ki ste jo zapakirali v arhiv, kot je datoteka ZIP , boste najprej morali najprej izvleči slike. Večina spletno gostovanje platforme ne omogočajo nalaganja slik, razen če so v obliki slike, kot so JPG, GIF, PNG itd. - ne arhivirajo vrste datotek, kot so 7Z , RAR itd.

Po drugi strani pa, če je vaša slika že gostila drugje, na primer na nekem drugem spletnem mestu, jo lahko povežete neposredno z naslednjim korakom spodaj - vam ga ni treba prenesti in nato ponovno naložiti na svoj spletni strežnik .

Poiščite URL vaši sliki

Kje ste naložili sliko JPG ali GIF? Ali ste ga dodali v koren vašega spletnega strežnika ali v drugo mapo, kot je bila narejena posebej za shranjevanje slik? To je potrebno vedeti, da boste lahko prepoznali njegovo stalno lokacijo, ki jo boste pozneje potrebovali, da bi dejansko služili sliki svojim obiskovalcem.

Tukaj je primer neposredne povezave do datoteke PNG, ki je gostujoča tukaj:

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

Če je na primer struktura map vašega spletnega strežnika za slike > images \ in fotografija, ki ste jo naložili, imenovana new.jpg , je URL za to fotografijo \ images \ new.jpg . To je podobno našemu primeru, kjer se slika imenuje hp-howto.png, in mapa, v kateri je, se imenuje /static/2.49.0/image/ .

Če je vaša slika gostila drugje, samo kopirajte URL, tako da z desno miškino tipko kliknete povezavo in izberete možnost kopiranja. Ali pa odprite sliko v brskalniku, tako da jo kliknete in nato kopirate lokacijo na sliko iz vrstice za krmarjenje v vašem brskalniku.

Vstavite URL na stran

Zdaj, ko imate na svoji spletni strani sliko, s katero želite povezati sliko, morate izbrati, kje naj gre. Poiščite določen del strani, kamor želite povezati sliko JPG.

Ko najdete pravi kraj za povezavo slike, uporabite funkcijo hiperpovezave vašega spletnega strežnika, da povežete svoj URL z besedo ali frazo v stavek, ki bi ljudi usmeril na sliko. Lahko se imenuje povezava ali dodajte hiperpovezavo .

Obstaja več načinov povezave do slike. Morda je vaša nova slika podoba cvetja in želite, da vaši obiskovalci lahko kliknejo povezavo, da bi videli rožo.

• Poglej to novo cvetico, ki raste na mojem dvorišču!
• To cvetje želim saditi letos.
• Moji cvetovi so uspešni. Poglej !

Če želite uporabiti povezavo s sliko s pomočjo HTML- kode strani, lahko tudi to storite.

Imam zelo lep cvet raste na mojem vrtu .

Drug način za povezavo do slike na vašem spletnem mestu je, da jo objavite v skladu s kodo HTML. To pomeni, da bodo vaši obiskovalci videli sliko, ko odprejo stran, tako da ne bo povezave, kot vidite v zgornjih primerih. To deluje za slike na svojem strežniku in za slike, ki jih gostijo drugje, vendar morate imeti dostop do datoteke HTML na spletni strani, da to storite.