Meny

Javascript verkar inte påslaget? - Vissa delar av Lunds universitets webbplats fungerar inte optimalt utan javascript, kontrollera din webbläsares inställningar.
Du är här

Originalbild på undersidor

Hur använder Drupal de bilder vi laddar upp och publicerar?

Alla bilder som laddas upp i Drupal beskärs och komprimeras på något sätt. Originalbilden som laddades upp i Drupal är inte bilden som visas för besökaren i det publicerade läget. Drupal skapar en kopia av originalet med anpassad storlek och komprimering beroende på vart bilden används.

Fördelen är att laddningstiderna blir kortare då bilder i regel tar mycket av innehållets storlek när sidan laddas i webbläsaren.

Det man förlorar är kvalitén på bilden, som i de allra flesta fall inte är märkbart, men kan uppfattas om man använder bilder med illustrationer eller text.

Genom att publicera originalbilden bibehåller man bildens kvalité utan komprimering, men det kommer också bidra till att sidans innehåll laddas långsammare i webbläsaren (inte minst i mobiltelefoner).

Använd originalbilden

Att publicera bilder som beskrivs i denna instruktion skall endast användas i speciella fall, t.ex. om man vill visa en organisationsskiss eller bilder med text (så som utdrag från textdokument eller omslag).

Börja med ladda upp bilden som skall användas.

1. I administrationsmenyn, gå till Innehåll och klicka sedan på filer - läs om hur man laddar upp en fil här

2. När bilden är uppladdad, klicka på bildens länk i listan över filer.

Originalbilden kommer då att visas på en egen sida.

3. Högerklicka på bilden och kopiera bildens absoluta URL-adress

Exempel på URL: http://lathunden.prodwebb.lu.se/sites/lathunden.prodwebb.lu.se/files/sta...

Testa URL:n genom att klistra in den i webbläsarens adressfält och tryck ENTER.

4. Gå till undersidan som du vill att bilden skall visas på.

5. I redigeringsläget, byt textformat till "FULL HTML" i texteditorn.

6. Placera textmarkören i HTML-koden där du vill att bilden skall ligga.

Ett tips är att skriva ut en "markering" innan du byter till "Full HTML", t.ex. skriv "(MIN BILD)".

7. Lägg in följande kod med bildens URL: <img src="bildens URL" width="100%">

8. Spara och publicera sidan

Sidansvarig: