Jak přidat obrázky JPG, GIF nebo PNG na vaše stránky

Snadný průvodce pro zobrazování obrázků na vašich webových stránkách

Většina obrázků online je ve formátech jako JPG , GIF a PNG . Tyto fotografie můžete nahrát na své vlastní webové stránky, abyste je mohli sdílet s ostatními, nebo něco dále vysvětlit, předvést nápad nebo z jakéhokoli jiného důvodu.

Když propojíte obrázek na svých webových stránkách, nemusíte ani samy o sobě hostovat. Můžete nahrát fotku na jiný webový server a poté jej propojit z vlastního webu.

Zkontrolujte velikost obrázku

Některé hostingové služby neumožňují soubory o určité velikosti. Ujistěte se, že to, co se chystáte na své webové stránky nahrát, je pod vaší web hostingovou službou v maximální povolené velikosti. To platí bez ohledu na to, zda je obrázek ve formátu PNG nebo GIF, JPG, TIFF atd.

Poslední věc, kterou chcete, je tvrdě pracovat na vytvoření dokonalého obrazu, jen aby byl příliš velký pro nahrávání. Naštěstí můžete snížit velikost vašich fotek tak, aby fungovaly.

Nahrát obrázek online

Nahrajte obrázek ve formátu JPG nebo GIF na svůj web pomocí programu pro nahrávání souborů, který poskytuje webová služba. Pokud to neposkytují, budete potřebovat program FTP pro nahrání obrázků. Další možností je vyhnout se používání vlastního webového serveru pro hostování obrazu a použití jiné služby hostování obrázků .

Pokud přidáváte na své webové stránky obrázek, který jste stáhli nebo jste zabalili do archivu, jako je soubor ZIP , budete nejspíše potřebovat nejprve obrázky extrahovat. Většina webhostingových platforem neumožňuje nahrát obrázky, pokud nejsou ve formátu obrázků, jako jsou soubory JPG, GIF, PNG atd. - ne archivační typy souborů jako 7Z , RAR atd.

Na druhou stranu, pokud je váš obrázek již hostován jinde, jako na webových stránkách někoho jiného, ​​můžete k němu přímo propojit následující krok níže - nemusíte ho stahovat a potom jej znovu nahrát na vlastní webový server .

Vyhledejte adresu URL obrázku

Kde jste nahrali obrázek JPG nebo GIF? Přidali jste ho do kořenového adresáře vašeho webového serveru nebo do jiné složky, jako je složka vytvořená speciálně pro uložení obrázků? To je nutné znát, abyste mohli identifikovat její trvalé umístění, které později budete potřebovat k tomu, aby návštěvníkům skutečně sloužil obrázek.

Zde je příklad přímého odkazu na soubor PNG, který zde hostuje:

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

Pokud je například struktura adresářů webových serverů pro obrázky \ images \ a fotografie, kterou jste nahrali, se nazývá new.jpg , adresa URL této fotografie je \ images \ new.jpg . Toto je podobné jako náš příklad, kde se obraz nazývá hp-howto.png a složka, ve které se nachází, se nazývá /static/2.49.0/image/ .

Pokud je váš obrázek hostován jinam, stačí kopírovat adresu URL kliknutím pravým tlačítkem myši na odkaz a volbou možnosti kopírování. Nebo otevřete obrázek v prohlížeči kliknutím na něj a zkopírujte jeho umístění na tento obrázek z navigačního panelu v prohlížeči.

Vložte adresu URL do stránky

Nyní, když máte adresu URL obrázku, na který chcete propojit své webové stránky, musíte vybrat, kam by měl jít. Vyhledejte konkrétní část stránky, od níž chcete být spojen s obrazem JPG.

Když jste nalezli správné místo pro propojení obrazu, použijte funkci hypertextového odkazu svého webového serveru a propojte adresu URL se slovem nebo frázem ve větě, která by měla ukazovat lidi na obrázek. Může být nazýván vložením odkazu nebo přidáním hypertextového odkazu .

Existuje mnoho způsobů, jak propojit obrázek. Možná, že váš obrázek new.jpg je květina a chcete, aby vaši návštěvníci mohli kliknout na odkaz a zobrazit květinu.

• Podívejte se na tento nový květ rostoucí na mém dvoře!
• Chtěla bych tento květ zasadit letos.
• Moje květiny jsou vzkvétající. Podívej !

Chcete-li propojit obrázek pomocí kódu HTML stránky , můžete to také provést.

Mám velmi hezká květina rostoucí v mé zahradě .

Dalším způsobem, jak propojit obrázek na vašem webu, je umístit jej spolu s kódem HTML. Co to znamená, že vaši návštěvníci uvidí obrázek, když otevírají stránku, takže neexistuje odkaz, který vidíte v příkladech uvedených výše. To funguje pro obrazy na vašem vlastním serveru a pro obrázky hostované jinde, ale potřebujete mít přístup k souboru HTML webové stránky, abyste to mohli udělat.