Как да добавите JPG, GIF или PNG изображения към вашия сайт

Лесно ръководство за показване на снимки на вашия уеб сайт

Повечето снимки онлайн са във формати като JPG , GIF и PNG . Можете да качвате такива снимки на собствения си уебсайт, за да споделяте с други хора или да обяснявате нещо, да представите идея или по някаква друга причина.

Когато свързвате изображение на уебсайта си, дори не е нужно да хоствате сами. Можете да качите снимка на друг уеб сървър и след това да го свържете от собствения си уебсайт.

Проверете размера на изображението

Някои хостинг услуги не допускат файлове с определен размер. Уверете се, че това, което ще качите на уебсайта си, е под максималния допустим размер от уеб хостинг услугата. Това е вярно, независимо дали изображението е във формат PNG или GIF, JPG, TIFF и др.

Последното нещо, което искате, е да работите усилено върху създаването на перфектната картина, само за да бъде твърде голяма, за да се качите. За щастие, можете да намалите размера на вашите снимки, за да ги накарате да работят.

Качете изображението онлайн

Качете вашето JPG или GIF изображение на вашия сайт с помощта на програмата за качване на файлове, която вашата уеб хостинг услуга предоставя. Ако те не ви предоставят, ще ви е необходима програма за FTP, за да качите вашите изображения. Друга възможност е да не използвате собствения си уеб сървър, за да бъде домакин на изображението и да използвате различна услуга за хостинг на изображения .

Ако добавяте изображение към уебсайта си, което сте изтеглили или сте пакетирали в архив като ZIP файл, най-вероятно ще трябва първо да извлечете снимките. Повечето уеб хостинг платформи не позволяват качване на изображения, освен ако не са във формат на изображение като JPG, GIF, PNG и т.н., а не архивни типове файлове като 7Z , RAR и др.

От друга страна, ако изображението ви вече е хоствано на друго място, например на някой друг уебсайт, можете директно да го свържете с следващата стъпка по-долу - не е необходимо да го изтегляте и след това да го качите отново на собствения си уеб сървър ,

Намерете URL адреса на вашето изображение

Откъде сте качили изображението в JPG или GIF? Добавихте ли го в основата на уеб сървъра си или в друга папка като тази, направена специално за задържане на снимки? Това е необходимо да знаете, за да можете да идентифицирате постоянното му местонахождение, което ще ви е необходимо по-късно, за да покажете на посетителите си изображението.

Ето един пример за директна връзка към PNG файл, този, който се хоства тук:

HTTPS: // WWW. /static/2.49.0/image/hp-howto.png

Например, ако структурата на папките на уеб сървърите ви за изображения е \ images \ и снимката, която сте качили, се нарича new.jpg , URL адресът за тази снимка е \ images \ new.jpg . Това е подобно на нашия пример, където изображението се нарича hp-howto.png, а папката, в която се намира, се нарича /static/2.49.0/image/ .

Ако снимката ви се намира на друго място, трябва само да копирате URL адреса, като кликнете с десния бутон върху връзката и изберете опцията за копиране. Или отворете изображението в браузъра си, като кликнете върху него и след това копирайте местоположението на тази снимка от навигационната лента в браузъра си.

Въведете URL адреса в страницата

Сега, когато имате URL адреса на изображението, към което искате да се свържете в уебсайта си, трябва да изберете къде да отиде. Намерете конкретната част от страницата, от която искате да се свърже JPG изображението.

Когато намерите подходящото място за свързване на изображението, използвайте функцията за хипервръзка на уеб сървъра, за да свържете URL адреса си с думата или фразата в изречението, което трябва да насочва хората към снимката. Може да се нарече вмъкване на връзка или добавяне на хипервръзка .

Има много начини да се свържете с изображение. Може би вашето изображение new.jpg е от цвете и искате посетителите ви да могат да кликнат върху линка, за да видят цветето.

• Виж това ново цвете, което расте в двора ми!
• Бих искал да засадя това цвете тази година.
• Моите цветя процъфтяват. Виж !

Ако искате да свържете изображението с HTML кода на страницата, можете да го направите и вие.

Имам много хубаво цвете , растат в моята градина ,

Друг начин да се свържете с изображение на уебсайта Ви е да го поставите заедно с HTML кода. Това означава, че посетителите ви ще видят изображението, когато отворят страницата, така че няма да има връзка, както виждате в примерите по-горе. Това работи за изображения на собствения ви сървър и за изображения, хоствани на друго място, но за да направите това, трябва да имате достъп до HTML файла на уеб страницата.