Како додати ЈПГ, ГИФ или ПНГ слике на ваш сајт

Једноставан водич за приказивање слика на веб-сајту

Већина слика на мрежи је у форматима попут ЈПГ , ГИФ и ПНГ . Можете уплоад овакве фотографије на своје веб странице да бисте дијелили са другима или да бисте нешто додатно објаснили, како бисте представили идеју или из било ког другог разлога.

Када повезујете слику на вашој веб страници, чак ни не морате да хостујете слику сами. Можете да отпремите фотографију на други веб сервер и затим повежете на њега са своје веб странице.

Проверите величину слике

Неке хостинг услуге не дозвољавају датотеке преко одређене величине. Уверите се да ће ваше веб хостинг услуге под максималном дозвољеном величином оно што шаљете на вашу веб локацију. Ово важи без обзира да ли је слика у ПНГ формату или ГИФ, ЈПГ, ТИФФ итд.

Последња ствар коју желите је да напорно радите на стварању савршене слике само да бисте постали превелики за уплоад. На срећу, можете смањити величину фотографија како би их учинили.

Отпремите слику онлине

Отпремите вашу ЈПГ или ГИФ слику на својој веб страници помоћу програма за преузимање датотека које пружа ваша веб хостинг услуга. Ако их не пруже, требат ће вам ФТП програм за учитавање слика. Друга опција је избјегавање кориштења властитог веб сервера за хостовање слике и кориштење различите услуге хостинга слике .

Ако додате слику на своју веб локацију коју сте преузели или коју сте пакирали у архиву као ЗИП датотеку, вероватно ћете прво морати да извучете слике. Већина веб хостинг платформи не дозвољавају слање слика, осим ако нису у формату слике као што су ЈПГ, ГИФ, ПНГ итд. - не архивирају типове датотека као што су , РАР , итд.

Са друге стране, ако је ваша слика већ хостована на другим местима, као на некој другој веб локацији, можете га директно повезати са следећим кораком испод - не морате да га преузимате, а затим поново отпремите на свој веб сервер .

Пронађите УРЛ на вашу слику

Где сте отпремили ЈПГ или ГИФ слику? Да ли сте је додали у корен вашег веб сервера или у другу фасциклу као што је она направљена специјално за држање слика? Ово је неопходно да знате како бисте могли идентификовати његову трајну локацију, која ће вам касније требати да послужите слику својим посјетитељима.

Ево примера директне везе са ПНГ датотеком, која је овде хостована:

хттпс: // ввв. /статиц/2.49.0/имаге/хп-ховто.пнг

На примјер, ако је структура фасцикли вашег веб сервера за слике <роот фолдер> \ имагес \ , а фотографија коју сте уплоадили назива нев.јпг , УРЛ за ту фотографију је <вебсите> \ имагес \ нев.јпг . Ово је слично нашем примјеру гдје се слика назива хп-ховто.пнг и мапа у којој се налази се зове /статиц/2.49.0/имаге/ .

Ако је ваша слика хостована на другим местима, само копирајте УРЛ тако што ћете десним тастером миша кликнути на везу и изабрати опцију копирања. Или, отворите слику у вашем прегледачу кликом на њега, а затим копирајте локацију на ту слику из навигацијске траке у вашем прегледачу.

Унесите УРЛ у страницу

Сада када имате УРЛ за слику на коју желите да се повежете на вашој веб локацији, морате да одаберете где треба да се иде. Пронађите специфични део странице на којој желите да се слика ЈПГ повезује.

Када нађете право место за повезивање слике, користите функцију хиперлинк вашег веб сервера да бисте повезали свој УРЛ на реч или фразу у реченици која би требала показивати људе на слику. Може се назвати убацивање линка или додати хипервезу .

Постоји много начина повезивања на слику. Можда је Ваша нова.јпг слика цвета и желите да ваши посетиоци могу кликнути на линк да виде цвет.

Ако желите да се повежете на слику коришћењем ХТМЛ- а странице странице, то можете урадити такође.

Имам <а хреф="хттпс://уплоад.викимедиа.орг/википедиа/цоммонс/тхумб/б/бц/Ред_Хибисцус.јпг/250пк-Ред_Хибисцус.јпг"> веома леп цвет расте у мојој башти .

Други начин повезивања на слику на вашој веб страници је да га објавите у ХТМЛ-коду. Ово значи да ће ваши посетиоци видети слику када отворе страницу, тако да неће бити везе као што видите у горе наведеним примерима. Ово функционише за слике на вашем сопственом серверу и за слике хостиране на другим местима, али морате имати приступ ХТМЛ датотеци веб странице како бисте то урадили.

<имг срц = "\ имагес \ нев.јпг" алт = "Цвет"> <имг срц = "хттпс ://уплоад.викимедиа.орг/википедиа/цоммонс/тхумб/б/бц/Ред_Хибисцус.јпг/250пк-Ред_Хибисцус .јпг "алт =" Цвет ">