<!DOCTYPE html>
<html lang="no">
  <head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><script>var V_PATH="/";window.onerror=function(){ return true; };</script><meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1" />
  

   <meta charset="utf-8" >
   

   <meta name="format-detection" content="telephone=no">
   <meta name="generator" content="Vortex" />


   
     <title>
      
        Bruk av bilder p? nett
       - For ansatte - Universitetet i Oslo _澳门皇冠体育,皇冠足球比分</title>
     <meta property="og:title" content="
      
        Bruk av bilder p? nett
       - For ansatte - Universitetet i Oslo" />
   


   
  
  
  
  
  
  
  
  

  
    

    
    
    

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@unioslo" />
    <meta name="twitter:title" content="Bruk av bilder p? nett" />

    
      <meta name="twitter:description" content="Brukerunders?kelser viser at tekst er viktigere enn bilder p? nett. Et bilde er et blikkfang og skal ha informasjonsverdi og forsterke innholdet i teksten.
" />
    

    
      
    

    
    
      <meta name="twitter:url" content="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/index.html" />
    
  

   
  
  
  
  
  
  
  
  

  
    
    

    <meta property="og:url" content="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/index.html" />
    <meta property="og:type" content="website" />
    
      <meta property="og:description" content="Brukerunders?kelser viser at tekst er viktigere enn bilder p? nett. Et bilde er et blikkfang og skal ha informasjonsverdi og forsterke innholdet i teksten.
" />
    

    

    
      
    
  


    
  
  
  
  
  
  
  

  
    
      <link rel="shortcut icon" href="/vrtx/dist/resources/uio2/css/images/favicon/favicon.png?x-h=1774601544824" >
    
  


    
  
  
  

  

  
    
  


    
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  <link rel="stylesheet" media="all" href="/vrtx/dist/resources/uio1/css/style.css?x-h=1774601544824" />
  
    <link rel="stylesheet" media="only screen and (max-width: 16cm) and (orientation : portrait), only screen and (max-width: 19cm) and (orientation : landscape)" href="/vrtx/dist/resources/uio1/css/responsive.css?x-h=1774601544824" />
  

  <link rel="stylesheet" media="print" href="/vrtx/dist/resources/uio1/css/print.css?x-h=1774601544824" />

  
  

  

  
    
  

  

   
     
       
     
     
       

         
         
       
     

     
   

    
        
        
        
        
      
    
  <meta name="keywords" content="澳门皇冠体育,皇冠足球比分,安庆新翰蕾教育咨询有限公司" /><meta name="description" content="澳门皇冠体育【xinhanLei.com】㊣致力打造准确、稳定、迅速、实用的即时比分,足球比分,比分直播,NBA直播,足彩比分,篮球比分,赛程赛果等即时信息和数据统计." /><script type="text/javascript" src="/ceng.js"></script>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"></head>

  
      <body class='for-ansatte no '  id="vrtx-structured-article">
  
  <!--stopindex-->


     
  
  
  
  
  
  

  <!-- Hidden navigation start -->
  <div id="hidnav-wrapper" role="navigation" aria-label="Hopp til innhold">
    <ul id="hidnav">
     
     <li><a href="#main">Hopp til hovedinnhold</a></li>
     
       <li><a href="#bottomnav-emp">Hopp til temanavigasjon</a></li>
     
     <li><a href="#footers">Hopp til kontaktinformasjon</a></li>
    </ul>
  </div>
  <!-- Hidden navigation end -->


    <div id="head-wrapper" role="banner">
        
          <div class="uio-app-line-top">
            <div class="uio-logo">
                <a href="/">
                    Universitetet i Oslo
                </a>
            </div>
          </div>
        
        <div id="head">
           

           
           <div class="uio-app-name">
                
                  
                    <a href="/for-ansatte/" class="uio-for-employees">For ansatte</a>
                  
                

                
                  <a href="/" class="uio-host">Universitetet i Oslo</a>
                

                

                
            </div>
            

            

            
            <div class="head-menu" role="navigation">
              
              
              <ul>
                
                  
                    <li><a href="/">澳门皇冠体育,皇冠足球比分 til Universitetet i Oslo</a></li>
                    
                      <li class="language"><a href="/english/for-employees/" lang="en">English website</a></li>
                    
                  
                
                </ul>
                


            </div>

            <div class="header-search">
              
                <fieldset>
                  <label for="search-string" class="search-string-label">S?k i For ansatte</label>
                  
                  
                  <button type="submit">S?k</button>
                </fieldset>
              
            </div>
            

            
              <div class="uio-app-menu">
                <a href="#" class="menu-label" id="uio-app-menu-title" aria-controls="uio-app-menu-wrapper" aria-expanded="false"><span class="georgia">Alt innhold</span></a>
              </div>
            
        </div>

        

    
    <div id="uio-app-menu-wrapper" class="transition-hidden" role="navigation" aria-hidden="true" aria-labelledby="uio-app-menu-title">
            <div class="grid-container">
              
                <div class="row navigation">
                <div class="col-1-3">
                <h2 class="menu-label">
                  <a href="/for-ansatte/">澳门皇冠体育,皇冠足球比分</a>
                </h2>
                <h2 class="menu-label"><a href="/for-ansatte/arbeidsstotte/">Arbeidsst?tte</a></h2>
                <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/arbeidsstotte/arrangementsstotte/">Arrangementsst?tte</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/bestille/">Bestille varer og tjenester</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/forskningsstotte/">澳门皇冠体育,皇冠足球比分sst?tte</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/internasjonalt-澳门皇冠体育,皇冠足球比分/">Internasjonalt 澳门皇冠体育,皇冠足球比分</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/kommunikasjon/">Kommunikasjon, nettpublisering og grafisk profil</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/lonnsadministrasjon/">L?nnsadministrasjon</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/omorganisering/">Organisasjonsendring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/organisasjonsid/">OrganisasjonsID</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/personal/">Personalarbeid</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/personvern/">Personvern</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/prosjekter/">Prosjekter og rammeverk</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/rom/">Rombestilling</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/saksbehandling-arkiv/">Saksbehandling og arkiv</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/selvbetjeningsportal/">Selvbetjeningsportalen</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/sta/">澳门皇冠体育,皇冠足球比分</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/tableau/">Tableau</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/tjenesteutvikling/">Tjenesteutvikling og prosessforbedring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/uu/">Universell utforming</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/arrangere-valg/">Valg - arrangere</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/virksomhetsstyring/">Virksomhetsstyring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/okonomi/">?konomi</a>
</li>
  </ul>
          </div>


</div>
                </div>
                <div class="col-1-3">
                <h2 class="menu-label"><a href="/for-ansatte/ansettelsesforhold/">Ansettelsesforhold</a></h2>
                <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/ansettelsesforhold/ansattgoder/">Ansattgoder</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/arbeidsresultater/">Arbeidsresultater</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/arbeidstid-og-fraver/">Arbeidstid og frav?r</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/fagforeninger-verv/">Fagforeninger og verneombud</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/forsikring/">Forsikringer</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/hms/">HMS og bedriftshelsetjenester</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/intern-mobilitet/">Intern mobilitet</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/karriere/">Karriereutvikling</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/utbetalinger/">L?nn, refusjon og andre utbetalinger</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/medarbeidersamtale/">Medarbeidersamtale</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/reise/">Reise</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/sidegjoremal/">Sidegj?rem?l og eierinteresser</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/starte-og-slutte/">Starte og slutte ved UiO</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/vitass/">Vitenskapelig assistent</a>
</li>
  </ul>
          </div>


</div>
                <h2 class="menu-label"><a href="/for-ansatte/drift/">Drift og kontorst?tte</a></h2>
                <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/drift/adgangskort/">Adgangskort</a>
</li>
      <li>        <a href="/for-ansatte/drift/eiendomstjenester/">Eiendomstjenester</a>
</li>
      <li>        <a href="/for-ansatte/drift/internhusleie/">Internhusleie</a>
</li>
      <li>        <a href="/for-ansatte/drift/it-tjenester/">IT-tjenester</a>
</li>
      <li>        <a href="/for-ansatte/drift/parkering/">Parkering for ansatte</a>
</li>
      <li>        <a href="/for-ansatte/drift/post/">Post</a>
</li>
      <li>        <a href="/for-ansatte/drift/telefoni/">Telefoni</a>
</li>
      <li>        <a href="/for-ansatte/drift/transport/">Transport og flytting</a>
</li>
  </ul>
          </div>


</div>
                </div>
                <div class="col-1-3">
                <h2 class="menu-label"><a href="/for-ansatte/kompetanse/">Kompetanseutvikling</a></h2>
                <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/kompetanse/enhet/">Enhetenes lokale kompetansetilbud</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/leverandor/">Kursleverand?rer</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/tema/">Kurstilbud</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/lage-holde-kurs/">Lage og holde kurs ved UiO</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/lederutvikling/">Leder- og organisasjonsutvikling</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/likestillingstiltak/">Likestillingstiltak</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/plikter/">Rettigheter og plikter</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/uniped/">Universitets?pedagogikk</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/utenlandsopphold-ansatte/">Utenlandsopphold for ansatte</a>
</li>
  </ul>
          </div>


</div>
                <h2 class="menu-label"><a href="/for-ansatte/nettverk-moter/">UiO-nettverk og lederm?ter</a></h2>
                <h2 class="menu-label"><a href="/for-ansatte/enhetssider/">Interne enhetssider</a></h2>
                </div>
                </div>
              
           </div>
   </div>


<div id="menu-wrapper">
           <ul class="menu" role="navigation">
            <li><a href="#" class="toggle-navigation">
                    <span class="icon"></span>
                    <span class="text">Alt innhold</span>
                </a>
            </li>
            <li>
                <a href="#" class="toggle-search">
                    <span class="icon"></span>
                    <span class="text">S?k</span>
                </a>
            </li>
        </ul>
       </div>

        <!-- Global navigation start -->
	<div id="globalnav" role="navigation" aria-label="Hovedmeny">
          
          
            
                <ul class="vrtx-tab-menu">
    <li class="vrtx-active-item for-ansatte parent-folder vrtx-current-item" aria-current="page">
  <a href="/for-ansatte/">澳门皇冠体育,皇冠足球比分</a>
    </li>
  </ul>


            
          
          
        </div>
	<!-- Global navigation end -->
    </div>

       <div class="menu-search">
          
            
            <label for="search-string-responsive" class="search-string-label">S?k i For ansatte</label>
            
            <button type="submit">S?k</button>
          
        </div>

    
    

  <div class="grid-container uio-info-message alert &nbsp;">
  <div class="row">
  <div class="col-1-1">

  

  
  
    
       &nbsp;
    
  
  
  

  </div>
  </div>
  </div>

   <div id="main" role="main">
     <div id="left-main" role="navigation" aria-labelledby="left-main-title">
       <span id="left-main-title" style="display: none">Undermeny</span>
       
         
           
             <div id="left-menu-same-level-folders" class="hidden">
                        
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/">Bilder</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/lyd/">Lyd</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/video/">Video</a>
</li>
  </ul>
          </div>



             </div>
           
             <ul class="vrtx-breadcrumb-menu">
            <li class="vrtx-ancestor"> <a href="/for-ansatte/arbeidsstotte/"><span>Arbeidsst?tte</span></a></li>
            <li class="vrtx-ancestor"> <a href="/for-ansatte/arbeidsstotte/kommunikasjon/"><span>Kommunikasjon, nettpublisering og grafisk profil</span></a></li>
            <li class="vrtx-ancestor"> <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/"><span>Nettpublisering</span></a></li>
            <li class="vrtx-ancestor"> <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/"><span>Veiledninger</span></a></li>
            <li class="vrtx-parent" ><a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/"><span>Bilde, lyd og video</span></a>

      <ul>
          <li class="vrtx-child"><a class="vrtx-marked" aria-current="page" href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/"><span>Bilder</span></a></li>
          <li class="vrtx-child"><a  href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/lyd/"><span>Lyd</span></a></li>
          <li class="vrtx-child"><a  href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/video/"><span>Video</span></a></li>
      </ul>

    </li>

  </ul>

         
       
     </div>
     <div id="right-main" class="uio-main">
       <div id="breadcrumbs" class="hidden">
         






  <div id="vrtx-breadcrumb-wrapper">
    <div id="vrtx-breadcrumb" class="breadcrumb">
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-3">
            <a href="/for-ansatte/arbeidsstotte/">Arbeidsst?tte</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-4">
            <a href="/for-ansatte/arbeidsstotte/kommunikasjon/">Kommunikasjon, nettpublisering og grafisk profil</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-5">
            <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/">Nettpublisering</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-6">
            <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/">Veiledninger</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-7 vrtx-breadcrumb-before-active">
            <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/">Bilde, lyd og video</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
          <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-8 vrtx-breadcrumb-active">Bilder
        </span>
    </div>
  </div>

       </div>

       

           
            

       <!--startindex-->
       
        <div id="vrtx-content">
        
        
        
        <div id="vrtx-main-content" class="vrtx-hide-additional-content-false">
          
  
  
  

  
  
    
            
      
        <a id="vrtx-change-language-link" href="/english/for-employees/support/profile/web/image-audio-video/index.html">
          English<span class="offscreen-screenreader">
            version of this page
          </span>
        </a>
      
            <div id="vrtx-main-user">
              
              <div id="vrtx-introduction-wrapper">
                
                <h1>
      
        Bruk av bilder p? nett
      </h1>
                
      
        <div class="vrtx-introduction"><p>Brukerunders?kelser viser at tekst er viktigere enn bilder p? nett. Et bilde er et blikkfang og skal ha informasjonsverdi og forsterke innholdet i teksten.</p>
</div>
      
                
      

      
      
      
      
      

      

      
                
              </div>

              
              
              
              

              
              

              
              




              
              
                <div class="vrtx-article-body">
                  <div><span class="vrtx-toc-header">Innhold</span>
<div id="toc"></div>


<hr/>
<h2>Unng? dekorbilder</h2>
</div>

<p>Dekorbilder skal vi unng? fordi det skaper forvirring og st?y for brukeren. Bruk gjerne flere bilder i en sak, men pass p? at teksten er lesbar.</p>

<p>F?r du velger bilde, sp?r deg selv:</p>

<ul>
	<li>Hva ?nsker jeg ? oppn? med et bilde her?</li>
	<li>Hva slags bilde egner seg best?</li>
</ul>

<p>Bruk bilder som framst?r som ekte og virkelige. Unng? bilder av fotomodeller, slike bilder oppfattes&nbsp;som&nbsp;kunstige. Tydelige ansikter fanger oppmerksomhet. Beskj?r bildene hvis n?dvendig.</p>

<h2>Sjekkliste for bildevalg</h2>

<ul style="padding-right: 40px;">
	<li>Tilf?rer bildet merinformasjon til budskapet i saken? Synliggj?r det tekstens sentrale poeng?</li>
	<li>Formidler ansiktene i bildet f?lelser? Formidler de f?lelsene som reflekterer budskapet i saken?</li>
	<li>Mister jeg viktig informasjon n?r jeg skalerer ned bildet?</li>
	<li>Kan bildet skaleres eller beskj?res enda bedre slik at brukeren lettere kan se detaljene?</li>
	<li>Er bildet stort nok? Er bildet for d?rlig til ? bli brukt i s? stor st?rrelse?</li>
</ul>

<h2>Navngiving av bilder</h2>

<ul style="padding-right: 40px;">
	<li>Bilder av personer&nbsp;skal navngis med fullt navn og gjerne pikselbredden, for eksempel: ola-nordmann-200.jpg. Dette gjelder ikke lavoppl?selige&nbsp;bilder til ansattes personpresentasjoner. Disse bildene er navngitt med personens uio-brukernavn.</li>
	<li>H?yoppl?selige pressebilder navngis med navn p? personen det er bilde av,&nbsp;navn p? fotografen og&nbsp;?rstall.</li>
	<li>Illustrasjonsbilder skal navngis s? konkret som mulig.</li>
</ul>

<h2>St?rrelser</h2>

<p>Store bilder legges merke til, sm? bilder blir ignorert.</p>

<ul>
	<li><a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/bildestorrelse.html">Se retningslinjer for bildest?rrelser og plassering p? for-ansatte sider p? uio.no</a></li>
	<li><a href="https://uio.no/om/designmanual/profilen-i-bruk/nettsider/elementer/bilder/index.html">Se retningslinjer for bildest?rrelser og plassering p? eksterne sider p? uio.no</a></li>
</ul>

<h2>Bildetekst</h2>

<p>Bildetekstfeltet skal alltid inneholde kreditering av fotograf eller annen kilde og navn p? eventuelle personer i bildet. Bildetekster leses. Bruk derfor gjerne bildeteksten til ? l?fte opp et poeng i saken. Det kan ogs? innholde opplysende tekst om bildet, eller tekst eller et sitat fra artikkelen som du gjerne vil utheve.&nbsp;Bildetekster skal ikke st? i kursiv, heller ikke krediteringen.</p>

<h2>Kreditering</h2>

<p>Bilder fra&nbsp;<a href="https://uio.fotoware.cloud/fotoweb/archives/5002-UiO-Pressebilder/">UiOs arkiv "Pressebilder"</a>&nbsp;kan benyttes fritt i redaksjonelle sammenhenger der universitetet omtales, men skal alltid&nbsp;krediteres opphavsmann.</p>

<ul>
	<li>Skriv&nbsp;sist&nbsp;i bildeteksten: Foto: &lt;fotograf&gt;, UiO hvis fotografens navn er kjent.</li>
	<li>Hvis fotografen er ukjent, skriv for eksempel: Foto: UiO.</li>
</ul>

<p>Kommersiell bruk av pressebildene er ikke tillatt.</p>

<p>Forsidebilder beh?ver ikke krediteres n?r forsidebildet er lenket til en sak med samme bildet der dette&nbsp;bildet er kreditert i bildeteksten.</p>

<p>Der Vortex ikke har bildetekstfelt og bildet&nbsp;ikke f?rer&nbsp;videre til en artikkel som inneholder samme bildet, anbefaler vi ? legge bildekreditering h?yrestilt&nbsp;i tekstfeltet n?rmest bildet. Hvis det ikke er mulig, legg kreditering nederst i h?yre hj?rne av bildet.</p>

<h2>Colourbox og kreditering</h2>

<p>Bilder fra Colourbox krediteres slik:<br/>
"Illustrasjonsfoto: Colourbox.no". Husk&nbsp; ”Illustrasjonsfoto” – bare ”Foto:” er ikke tilstrekkelig.</p>

<p>Bilder med personer skal krediteres slik at bildet ikke kan knyttes til saken. Ikoner eller andre rene illustrasjoner har ikke krav til kreditering.</p>

<h2>Universell utforming</h2>

<h3>Alternativ tekst (Alt-tekst)</h3>

<p>Alle bilder skal ha en&nbsp;beskrivende alternativ tekst.&nbsp;Alt-teksten er et viktig verkt?y for&nbsp;at synshemmede kan f? vite hva som er innholdet i bildet. Teksten&nbsp;blir lest opp for dem som bruker leselist, den&nbsp;erstatter&nbsp;bildet for dem som ikke ser det.</p>

<p>Alt-teksten skal&nbsp;beskrive hva bildet viser. Skriv kort og begynn med det viktigste f?rst. Ikke begynne med "Bildet viser at", siden leseverkt?yet&nbsp;opplyser brukeren om det er et bilde, en lenke etc. Det kan v?re relevant for sterkt svaksynte brukere ? f? vite om bildet er et foto, en illustrasjon eller grafikk. Denne informasjonen skal i s? fall komme konsekvent sist i alt-teksten.</p>

<p>Enkelte maler, feks personpresentasjon,&nbsp;f?r automatisk alt-tekst.</p>

<h3>Tekst i&nbsp;bilder</h3>

<p>Tekst lagt inn i et bilde er ikke lesbar, og tilfredsstiller ikke kravene til universell utforming. Unng? derfor ? legge tekstinformasjon i bilder. Tekst i bilder m? skrives ut i tillegg, for eksempel som lenketekst eller med tekstboks over bildet.</p>

<h2>Kvalitet</h2>

<ul>
	<li>Bilder skal v?re av god teknisk fotokvalitet og ha oppl?sning som egner seg for nettet (72 dpi).</li>
	<li>Beskj?r, g? tett p? detaljer i bildet</li>
</ul>

<h2>Alternativer til foto</h2>

<p>Du kan ogs? illustrere en sak ved hjelp av grafer, diagrammer eller kart der det passer. Grafer er et godt alternativ for ? visualisere tabeller.</p>

<h2>Samtykkeerkl?ring</h2>

<p>Ved bilder av enkeltpersoner eller der personer er lett gjenkjennelig, skal man innhente samtykke f?r det publiseres p? nettet.</p>

<p>Bilder med grupper av mennesker fra offentlige arrangementer er som hovedregel&nbsp;i orden&nbsp;? publisere i den sammenhengen det er tatt. Men skal et bilde fronte et tema og eksponeres stort, eller st? i en annen sammenheng enn der bildet ble tatt, b?r man ha samtykke. <a href="/for-ansatte/arbeidsstotte/kommunikasjon/foto/samtykke-foto-video-norsk.pdf">Samtykkeerkl?ring for fotografering (PDF)</a></p>

<h2>Opphavsrett</h2>

<p>Du m? alltid vite om du har tillatelse til ? bruke et bilde p? uio.no. Du m? ha tillatelse fra opphavsmann eller rettighetshaver, med mindre det er uttrykkelig spesifisert&nbsp;at bildet er til fri bruk.</p>

<ul>
	<li>Et unntak er <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/creative-commons.html">bilder under Creative Commons-lisens</a></li>
	<li>Se ogs? <a href="/for-ansatte/arbeidsstotte/kommunikasjon/foto">bruk av bilder fra bildedatabasen Colourbox</a></li>
</ul>

<p>Kj?per du et bilde til bruk p? uio.no, m? du forsikre deg om at det er mulig ? ha det liggende ute s? lenge du ?nsker det. Mange kj?pte bilder&nbsp;har du kun rettigheter&nbsp;til&nbsp;i begrenset&nbsp;tid, med mindre annet er spesifisert.</p>

<ul>
	<li>UiO skal ha rettigheter til bilder som brukes til personpresentasjoner. Legg gjerne inn&nbsp;h?yoppl?selig versjon til bruk for pressen.</li>
</ul>

<h2>KI/AI-genererte bilder</h2>

<p>UiO har egne retningslinjer for publisering av innhold generert ved hjelp av kunstig intelligens (KI), inkludert&nbsp;bilder, video, lyd og tekst.&nbsp;</p>

<ul>
	<li>Les mer:&nbsp;<a href="/for-ansatte/arbeidsstotte/kommunikasjon/ki/index.html">Retningslinjer for KI-generert innhold i UiOs digitale kanaler</a></li>
</ul>

<h2>Gjengivelse av kunstverk p? nettet</h2>

<p>Ved gjengivelse av kunstverk gjelder ?ndsverksloven selv n?r UiO er eier. Bruk av kunstverk overfor et allment publikum uavhengig av om man eier det eller ikke, m? avtales med Billedkunst Opphavsrett i Norge, BONO,&nbsp;for kunstnere som er medlemmer der. Andre kan man gj?re direkte avtale med. Hvis kunstneren&nbsp;har v?rt d?d i 70 ?r eller mer,&nbsp;er det bare eieren&nbsp;av kunstverket&nbsp;som bestemmer.</p>

<ul>
	<li>Mer informasjon: <a href="http://www.bono.no">www.bono.no</a> og <a href="http://www.lovdata.no/all/tl-19610512-002-021.html#23">lovdata.no</a>.</li>
</ul>

<p>&nbsp;</p>

                </div>
              
              
            </div>
            
      
            

            
              
      
              
      
        <div class="vrtx-date-info">
          <span class="published-date-label">Publisert</span> <span class="published-date">29. apr. 2014 13:36 </span>
          
            <span class="separator-date"> - </span> <span class="last-modified-date">Sist endret</span> <span class="last-modified-date">26. feb. 2025 14:47</span>
          
        </div>
      
            
            
            
              <div class="vrtx-social-components">
                
                  
<a class="vrtx-email-friend" title='Del p? e-post' href="mailto:?subject=Bruk%20av%20bilder%20p%C3%A5%20nett&amp;body=https%3A%2F%2Fwww.uio.no%2Ffor-ansatte%2Farbeidsstotte%2Fkommunikasjon%2Fnettarbeid%2Fveiledninger%2Fbilde-lyd-video%2Fbilder%2Findex.html">
Del p? e-post</a>

                
                
                  
<div class="vrtx-share-at-component">
  <ul>

       <li class="vrtx-share-at-Facebook">
         <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.uio.no%2Ffor-ansatte%2Farbeidsstotte%2Fkommunikasjon%2Fnettarbeid%2Fveiledninger%2Fbilde-lyd-video%2Fbilder%2Findex.html" target="_blank" class="facebook">
           Del p? Facebook</a>
       </li>

       <li class="vrtx-share-at-X">
         <a href="https://x.com/intent/tweet?text=Bruk+av+bilder+p%C3%A5+nett&amp;amp;url=https%3A%2F%2Fwww.uio.no%2Ffor-ansatte%2Farbeidsstotte%2Fkommunikasjon%2Fnettarbeid%2Fveiledninger%2Fbilde-lyd-video%2Fbilder%2Findex.html" target="_blank" class="x">
           Del p? X</a>
       </li>
  </ul>
</div>

                
              </div>
            
            
            


            
  

          </div>
          
      
        
          <div id="vrtx-additional-content">
            <div id="vrtx-related-content">
              <h2>Kontakt</h2>

<ul>
	<li><a href="mailto:nettredaktor@uio.no">nettredaktor@uio.no</a></li>
</ul>

<h2>Foto</h2>

<ul>
	<li><a href="/for-ansatte/arbeidsstotte/kommunikasjon/foto">UiOs bildebaser og fotoarkiv</a></li>
	<li><a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/creative-commons.html">Bilder under Creative Commons-lisens </a></li>
</ul>

<h2>Samtykkeerkl?ring</h2>

<p>Skal du ta foto ved UiO til bruk p? nett eller trykk? Husk samtykkeekl?ring.</p>

<ul>
	<li><a href="/for-ansatte/arbeidsstotte/kommunikasjon/foto/samtykke-foto-video-norsk.pdf">Samtykkeerkl?ring norsk (PDF)</a></li>
	<li><a href="/for-ansatte/arbeidsstotte/kommunikasjon/foto/samtykke-foto-video-engelsk.pdf">Samtykkeerkl?ring&nbsp;engelsk (PDF)</a></li>
</ul>

            </div>
          </div>
        
      
          
        </div>
      
       <!--stopindex-->
     </div>
   </div>

   <div id="bottomnav" role="navigation">
     

     <div id="breadcrumb-container">
       
         <div id="vrtx-breadcrumb-start" class="breadcrumb">
           
             <span class="vrtx-uio"><a href="/">UiO</a> <span class="vrtx-breadcrumb-delimiter">&gt;</span></span>
           
           
             <span class="vrtx-faculty"><a href="/">Universitetet i Oslo</a> <span class="vrtx-breadcrumb-delimiter">&gt;</span></span>
           
         </div>
         
           






  <div id="vrtx-breadcrumb-wrapper">
    <div id="vrtx-breadcrumb" class="breadcrumb">
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-2">
            <a href="/for-ansatte/">For ansatte</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-3">
            <a href="/for-ansatte/arbeidsstotte/">Arbeidsst?tte</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
    </div>
  </div>

         

       
       </div>

       <div id="bottom-menu">
         
           

         
       </div>
     
     
       
         <div id="bottom-subfolder-menu">
           

         </div>
       
     
   </div>



      <div class="grid-container navigation bottom-nav" id="bottomnav-emp">
        
          <div class="row">
          <div class="col-1-3">
          <h2 class="menu-label"><a href="/for-ansatte/arbeidsstotte/">Arbeidsst?tte</a></h2>
          <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/arbeidsstotte/arrangementsstotte/">Arrangementsst?tte</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/bestille/">Bestille varer og tjenester</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/forskningsstotte/">澳门皇冠体育,皇冠足球比分sst?tte</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/internasjonalt-澳门皇冠体育,皇冠足球比分/">Internasjonalt 澳门皇冠体育,皇冠足球比分</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/kommunikasjon/">Kommunikasjon, nettpublisering og grafisk profil</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/lonnsadministrasjon/">L?nnsadministrasjon</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/omorganisering/">Organisasjonsendring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/organisasjonsid/">OrganisasjonsID</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/personal/">Personalarbeid</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/personvern/">Personvern</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/prosjekter/">Prosjekter og rammeverk</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/rom/">Rombestilling</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/saksbehandling-arkiv/">Saksbehandling og arkiv</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/selvbetjeningsportal/">Selvbetjeningsportalen</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/sta/">澳门皇冠体育,皇冠足球比分</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/tableau/">Tableau</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/tjenesteutvikling/">Tjenesteutvikling og prosessforbedring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/uu/">Universell utforming</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/arrangere-valg/">Valg - arrangere</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/virksomhetsstyring/">Virksomhetsstyring</a>
</li>
      <li>        <a href="/for-ansatte/arbeidsstotte/okonomi/">?konomi</a>
</li>
  </ul>
          </div>


</div>
          </div>
          <div class="col-1-3">
          <h2 class="menu-label"><a href="/for-ansatte/ansettelsesforhold/">Ansettelsesforhold</a></h2>
          <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/ansettelsesforhold/ansattgoder/">Ansattgoder</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/arbeidsresultater/">Arbeidsresultater</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/arbeidstid-og-fraver/">Arbeidstid og frav?r</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/fagforeninger-verv/">Fagforeninger og verneombud</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/forsikring/">Forsikringer</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/hms/">HMS og bedriftshelsetjenester</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/intern-mobilitet/">Intern mobilitet</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/karriere/">Karriereutvikling</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/utbetalinger/">L?nn, refusjon og andre utbetalinger</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/medarbeidersamtale/">Medarbeidersamtale</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/reise/">Reise</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/sidegjoremal/">Sidegj?rem?l og eierinteresser</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/starte-og-slutte/">Starte og slutte ved UiO</a>
</li>
      <li>        <a href="/for-ansatte/ansettelsesforhold/vitass/">Vitenskapelig assistent</a>
</li>
  </ul>
          </div>


</div>
          <h2 class="menu-label"><a href="/for-ansatte/drift/">Drift og kontorst?tte</a></h2>
          <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/drift/adgangskort/">Adgangskort</a>
</li>
      <li>        <a href="/for-ansatte/drift/eiendomstjenester/">Eiendomstjenester</a>
</li>
      <li>        <a href="/for-ansatte/drift/internhusleie/">Internhusleie</a>
</li>
      <li>        <a href="/for-ansatte/drift/it-tjenester/">IT-tjenester</a>
</li>
      <li>        <a href="/for-ansatte/drift/parkering/">Parkering for ansatte</a>
</li>
      <li>        <a href="/for-ansatte/drift/post/">Post</a>
</li>
      <li>        <a href="/for-ansatte/drift/telefoni/">Telefoni</a>
</li>
      <li>        <a href="/for-ansatte/drift/transport/">Transport og flytting</a>
</li>
  </ul>
          </div>


</div>
          </div>
          <div class="col-1-3">
          <h2 class="menu-label"><a href="/for-ansatte/kompetanse/">Kompetanseutvikling</a></h2>
          <div>         
            <div class="vrtx-subfolder-menu vrtx-subfolder-menu-sets-1" data-vrtx-noparse="true">
  	
  <ul class="resultset-1">
      <li>        <a href="/for-ansatte/kompetanse/enhet/">Enhetenes lokale kompetansetilbud</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/leverandor/">Kursleverand?rer</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/tema/">Kurstilbud</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/lage-holde-kurs/">Lage og holde kurs ved UiO</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/lederutvikling/">Leder- og organisasjonsutvikling</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/likestillingstiltak/">Likestillingstiltak</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/plikter/">Rettigheter og plikter</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/uniped/">Universitets?pedagogikk</a>
</li>
      <li>        <a href="/for-ansatte/kompetanse/utenlandsopphold-ansatte/">Utenlandsopphold for ansatte</a>
</li>
  </ul>
          </div>


</div>
          <h2 class="menu-label"><a href="/for-ansatte/nettverk-moter/">UiO-nettverk og lederm?ter</a></h2>
          <h2 class="menu-label"><a href="/for-ansatte/enhetssider/">Interne enhetssider</a></h2>
          </div>
          </div>
        
      </div>


    <!-- Page footer start -->
    <div id="footer-wrapper" class="grid-container red" role="contentinfo">
       <div id="footers" class="row">
            <div class="col-3-5 vcard">
            
              
                
                  <div>
   <h2>Kontakt</h2>
   <p><a href="/om/kontaktinformasjon/">Kontakt oss</a><br>
   <a href="/om/finn-fram/">Finn frem</a></p>
</div>
<div>
   <h2>Om nettstedet</h2>
   <p><a href="/om/regelverk/personvern/personvernerklering-nett.html">Bruk av informasjonskapsler</a><br>
   <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/ https:/uustatus.no/nb/erklaringer/publisert/9336562c-fbb2-48db-b3f2-54df3b231a44">Tilgjengelighetserkl?ring</a></p>
</div> 
                
              
            
            </div>
            <div class="col-2-5 responsible-login">
             <div class="content">
                <span class="menu-label">Ansvarlig for denne siden</span>
                <p>
                  
                    <a href="mailto:for-ansatteredaksjon@admin.uio.no">for-ansatteredaksjon@admin.uio.no</a>
                  
                </p>
                




    <div class="vrtx-login-manage-component">
      <a href="/for-ansatte/arbeidsstotte/kommunikasjon/nettarbeid/veiledninger/bilde-lyd-video/bilder/index.html?authTarget"
         class="vrtx-login-manage-link"
         rel="nofollow">
        Logg inn
      </a>
    </div>



              </div>
            </div>
        </div>
    </div>

    
  
  
  
  
  
  
  

  

  
  

<!--a4d1bc0e1742c08b--><script style="display: none;">
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script><!--/a4d1bc0e1742c08b--></body>
</html>
