Как добавить изображения на свой сайт

Большинство изображений онлайн находятся в таких форматах, как JPG, GIF и PNG. Вы можете загружать подобные фотографии на свой собственный веб-сайт, чтобы делиться ими с другими или для дальнейшего объяснения чего-либо, для демонстрации идеи или по любой другой причине.

Когда вы размещаете изображение на своем веб-сайте, вам даже не нужно размещать его самостоятельно. Вы можете загрузить фотографию на другой веб-сервер, а затем создать ссылку на нее со своего веб-сайта.

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

Некоторые хостинг-сервисы не допускают файлы определенного размера. Убедитесь, что ваш веб-хостинг не превышает максимально допустимый размер загружаемого на ваш сайт. Это верно, независимо от того, есть ли изображение в формате PNG или GIF, JPG, TIFF и т. Д.

Последнее, что вам нужно, — это усердно работать над созданием идеальной картинки, чтобы она была слишком большой для загрузки. К счастью, вы можете уменьшить размер ваших фотографий, чтобы они работали.

Загрузить изображение онлайн

Загрузите изображение JPG или GIF на свой сайт с помощью программы загрузки файлов, предоставляемой вашим веб-хостингом. Если они не предоставляют, вам понадобится программа FTP для загрузки ваших изображений. Другой вариант — избегать использования собственного веб-сервера для размещения изображения и использования другого сервиса размещения изображений.

Если вы добавляете изображение на свой веб-сайт, который вы загрузили или который вы упаковали в архив, такой как ZIP-файл, вам, скорее всего, сначала нужно будет извлечь изображения. Большинство платформ веб-хостинга не позволяют загружать изображения, если они не в формате изображения, таком как JPG, GIF, PNG и т. Д., А не в архивах таких типов, как 7Z, RAR и т. Д.

С другой стороны, если ваше изображение уже размещено в другом месте, например, на чужом веб-сайте, вы можете напрямую связать его с следующим шагом ниже — вам не нужно загружать его, а затем повторно загружать на свой собственный веб-сервер. ,

Найдите URL для вашего изображения

Где вы загрузили изображение в формате JPG или GIF? Вы добавили его в корневой каталог вашего веб-сервера или в другую папку, например, созданную специально для хранения изображений? Это необходимо знать, чтобы вы могли определить его постоянное местоположение, которое вам понадобится позже, чтобы фактически предоставить изображение вашим посетителям.

Вот пример прямой ссылки на файл PNG, который размещен здесь на Lifewire:

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

Например, если структура папок вашего веб-сервера для изображений \картинки\, и загруженное вами фото называется new.jpg, URL для этой фотографии \ images \ new.jpg. Это похоже на наш пример, где изображение называется л.с.-howto.png и папка, в которой он находится, называется /static/2.49.0/image/.

Если ваше изображение размещено в другом месте, просто скопируйте URL-адрес, щелкнув правой кнопкой мыши ссылку и выбрав вариант копирования. Или откройте изображение в своем браузере, нажав на него, а затем скопируйте местоположение в это изображение из панели навигации в своем браузере.

Вставьте URL на страницу

Теперь, когда у вас есть URL-адрес изображения, на которое вы хотите сослаться на своем веб-сайте, вам нужно выбрать, куда оно должно идти. Найдите определенную часть страницы, с которой вы хотите связать изображение JPG.

Когда вы нашли правильное место для ссылки на изображение, используйте функцию гиперссылки вашего веб-сервера, чтобы связать свой URL со словом или фразой в предложении, которое должно указывать на людей. Это можно назвать вставить ссылку или же добавить гиперссылку.

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

  • Посмотрите на этот новый цветок, растущий у меня во дворе!
  • Я хотел бы посадить этот цветок в этом году.
  • Мои цветы процветают. Смотри!

Если вы хотите создать ссылку на изображение, используя HTML-код страницы, вы также можете это сделать.

У меня в саду очень красивый цветок.

Еще один способ сделать ссылку на изображение на вашем веб-сайте — разместить его в формате HTML. Это означает, что ваши посетители увидят изображение при открытии страницы, поэтому не будет ссылки, как вы видите в приведенных выше примерах. Это работает для изображений на вашем собственном сервере и для изображений, размещенных в других местах, но для этого вам необходим доступ к HTML-файлу веб-страницы.

Цветок
Цветок
Ссылка на основную публикацию