Jednoduchý sprievodca zobrazovaním obrázkov na vašich webových stránkach
Väčšina obrázkov online je vo formátoch ako JPG , GIF a PNG . Takéto fotografie môžete nahrať na svoje vlastné webové stránky, aby ste ich mohli zdieľať s ostatnými alebo aby ste niečo vysvetlili, prezentovali nápad alebo z akéhokoľvek iného dôvodu.
Keď prepájate obrázok na svojich webových stránkach, nemusíte ani sami hostiť obrázok. Môžete odovzdať fotografiu na iný webový server a potom naň odkazovať z vlastnej webovej stránky.
Skontrolujte veľkosť obrázka
Niektoré služby hostingu nedovoľujú súbory s určitou veľkosťou. Uistite sa, že to, čo sa chystáte nahrať na svoje webové stránky, je pod maximálnou povolenou veľkosťou vašej webhostingovej služby. To platí bez ohľadu na to, či je obrázok vo formáte PNG alebo GIF, JPG, TIFF atď.
Posledná vec, ktorú chcete, je tvrdo pracovať na vytvorení perfektného obrazu, len aby to bolo príliš veľké na nahratie. Našťastie môžete zmenšiť veľkosť vašich fotiek , aby ste mohli pracovať.
Odovzdajte obrázok online
Odovzdajte obrázok JPG alebo GIF na vašu stránku pomocou programu na nahrávanie súborov, ktorý poskytuje webová služba. Ak ich neposkytnú, budete potrebovať program FTP na odovzdanie obrázkov. Ďalšou možnosťou je vyhnúť sa používaniu vlastného webového servera na hosťovanie obrázka a používanie inej služby hostingu obrázkov .
Ak pridávate na svoje webové stránky obrázok, ktorý ste stiahli alebo ste zabalili do archívu, ako je súbor ZIP , budete pravdepodobne musieť najskôr vytiahnuť obrázky. Väčšina webových hostiteľských platforiem neumožňuje nahranie obrázkov, pokiaľ nie sú vo formáte obrázkov, ako sú súbory JPG, GIF, PNG atď. - nie archívne typy súborov ako 7Z , RAR atď.
Na druhej strane, ak je váš obrázok už hosťovaný inde, podobne ako na inom webe, môžete k nemu priamo prepojiť nasledujúci krok - nemusíte ho preberať a potom ho znova nahrať na svoj vlastný webový server ,
Nájdite adresu URL do obrázku
Kam ste odovzdali obrázok JPG alebo GIF? Pridal ste ho do koreňového adresára vášho webového servera alebo do iného priečinka, ako je ten, ktorý bol vytvorený špeciálne na uloženie obrázkov? To je potrebné vedieť, aby ste mohli zistiť trvalé umiestnenie, ktoré budete potrebovať neskôr, aby skutočne slúžiť obraz vašim návštevníkom.
Tu je príklad priameho odkazu na súbor PNG, ktorý sa tu nachádza na adrese:
https: // www. /static/2.49.0/image/hp-howto.png Napríklad, ak štruktúra priečinkov webových serverov pre obrázky je
Ak je váš obrázok hosťovaný inde, len skopírujte adresu URL kliknutím pravým tlačidlom na odkaz a výberom možnosti kopírovania. Alebo otvorte obrázok vo vašom prehliadači kliknutím na neho a potom skopírujte miesto na tento obrázok z navigačného panela vo vašom prehliadači.
Vložte adresu URL do stránky
Teraz, keď máte na svojom webe odkaz na obrázok, ktorý chcete prepojiť, musíte vybrať, kam má ísť. Vyhľadajte konkrétnu časť stránky, od ktorej chcete obrázok JPG prepojiť.
Keď ste našli správne miesto na prepojenie obrázka, použite funkciu hypertextového odkazu webového servera, aby ste prepojili vašu URL so slovom alebo frázou vo vete, ktorá by mala ukazovať ľudí na obrázok. Možno sa to nazýva vložiť odkaz alebo pridať hypertextový odkaz .
Existuje mnoho spôsobov, ako prepojiť obrázok. Možno, že váš obrázok new.jpg je z kvetu a chcete, aby vaši návštevníci mohli kliknúť na odkaz a zobraziť kvetinu.
- Pozrite sa na tento nový kvet rastúci na mojom dvore!
- Rád by som tento rok zasadil túto kvetinu .
- Moje kvety sú prosperujúce. Pozrite sa !
Ak chcete prepojiť obrázok s kódom HTML stránky, môžete to tiež urobiť.
Mám veľmi pekný kvet , ktorý rastie na mojej záhrade ,![veľmi pekný kvet]("https://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Red_Hibiscus.jpg/250px-Red_Hibiscus.jpg"){kind=link}
Ďalším spôsobom, ako prepojiť obrázok na vašich webových stránkach, je vložiť ho spolu s kódom HTML. Čo to znamená, že vaši návštevníci uvidia obrázok pri otvorení stránky, takže nebudú existovať odkazy, ako vidíte v uvedených príkladoch. To funguje pre obrázky na vašom vlastnom serveri a pre obrázky hostiteľné inde, ale musíte mať prístup k súboru HTML webovej stránky, aby ste to urobili.