Com afegir imatges JPG, GIF o PNG al vostre lloc

Guia fàcil de mostrar imatges al vostre lloc web

La majoria de les imatges en línia estan en formats com JPG , GIF i PNG . Podeu pujar fotos com aquestes al vostre propi lloc web per compartir-les amb altres usuaris o per explicar-ne més, mostrar-ne una idea o per qualsevol altre motiu.

Quan uniu una imatge al vostre lloc web, ni tan sols necessiteu allotjar la imatge. Podeu carregar una foto a un servidor web diferent i, a continuació, enllaçar-lo des del vostre propi lloc web.

Comproveu la mida de la imatge

Alguns serveis d'allotjament no permeten que els fitxers superin una mida determinada. Assegureu-vos que el que esteu a punt de carregar al vostre lloc web es troba sota la mida màxima permesa pel vostre servei d'allotjament web. Això és cert, no importa si la imatge està en format PNG o GIF, JPG, TIFF , etc.

L'últim que voleu és treballar per crear la imatge perfecta només perquè sigui massa gran per pujar-lo. Afortunadament, podeu reduir la mida de les vostres fotos perquè funcionin.

Penja la imatge en línia

Carregueu la imatge JPG o GIF al vostre lloc mitjançant el programa de càrrega d'arxius que proporciona el vostre servei d'allotjament web. Si no proporcionen un, necessiteu un programa FTP per pujar les vostres imatges. Una altra opció és evitar utilitzar el vostre propi servidor web per allotjar la imatge i utilitzar un servei d'allotjament d'imatges diferent.

Si afegiu una imatge al vostre lloc web que heu baixat o que hàgiu empaquetat en un arxiu com un fitxer ZIP , és probable que hàgiu d'extreure les imatges primer. La majoria de les plataformes d'allotjament web no permeten les càrregues d'imatges, tret que estiguin en un format d'imatge com JPG, GIF, PNG, etc. -no fitxin tipus d'arxius com 7Z , RAR , etc.

D'altra banda, si la vostra imatge ja està allotjada en un altre lloc, com en un lloc web d'un altre usuari, podeu enllaçar-hi directament amb el següent pas següent: no cal que la descarregueu i torneu a carregar al vostre propi servidor web .

Localitzeu l'URL a la vostra imatge

On heu carregat la imatge JPG o GIF? Heu afegit a l' arrel del vostre servidor web o a una altra carpeta com la que es feia específicament per a la realització d'imatges? Això és necessari saber per tal que pugui identificar la seva ubicació permanent, la qual cosa necessitarà més tard perquè realment serveixi la imatge als seus visitants.

Aquí teniu un exemple d'enllaç directe a un fitxer PNG, aquest aquí allotjat:

Per exemple, si l'estructura de la carpeta del servidor web per a imatges és \ images \ , i la foto que carreguem es diu new.jpg , l' URL d'aquesta foto és \ images \ new.jpg . Això és similar al nostre exemple on la imatge s'anomena hp-howto.png i la carpeta en què es denomina /static/2.49.0/image/ .

Si la vostra imatge està allotjada en un altre lloc, només cal copiar l'URL fent clic amb el botó dret a l'enllaç i seleccionant l'opció de còpia. O bé, obriu la imatge al vostre navegador fent clic i copieu la ubicació d'aquesta imatge des de la barra de navegació del vostre navegador.

Introduïu l'URL a la pàgina

Ara que teniu l'URL a la imatge que voleu enllaçar al vostre lloc web, heu d'escollir on ha d'anar. Localitzeu la part específica de la pàgina on voleu que es connecti la imatge JPG.

Quan hàgiu trobat el lloc adequat per enllaçar la imatge, utilitzeu la funció d' hipervincle del vostre servidor web per enllaçar la vostra URL amb la paraula o la frase de la frase que hauria d'indicar la gent a la imatge. Es pot anomenar inserir enllaç o afegir hipervincle .

Hi ha moltes maneres d'enllaçar a una imatge. Potser la vostra imatge nova.jpg sigui d'una flor i voleu que els visitants puguin fer clic a l'enllaç per veure la flor.

• Mireu aquesta nova flor que creix al pati!
• M'agradaria plantar aquesta flor aquest any.
• Les meves flors estan prosperant. Mira

Si voleu connectar-vos a la imatge amb el codi HTML de la pàgina, també podeu fer-ho.

Una altra manera d'enllaçar una imatge al vostre lloc web és publicar-la en línia amb el codi HTML. El que això significa és que els visitants veuran la imatge quan obren la pàgina, de manera que no hi haurà un enllaç com es veu en els exemples anteriors. Això funciona per a imatges al vostre propi servidor i per a imatges allotjades en altres llocs, però cal tenir accés al fitxer HTML de la pàgina web per fer-ho.