Bilder

Progressive loading Interlaced loading Solnedgång i horisonten Testbild Diabilder

Citat

En bild säger mer än tusen ord
Logotyp för FA - Font Awesome

Namn och kodpunkt för ikoner från Font Awesome 4.7.0 (den sista versionen som var helt gratis)

  • fa-photo (alias)
  • fa-picture-o

Liknande

Diabilder i plastficka Rasterbild Öga med spegelbild Röntgenbild av visdomstand Landskapsbild Karlavagnen

Typer

Elektronik

Rör

Ord

500px logotyp Facebook logotyp Flickr logotyp Instagram Snapchat logotyp Imgur logotyp

Sociala medier

Logotyp för AVIF - AV1 Image File Format

Förkortningar

  • AVIF - AV1 Image File Format
  • HEIF - High Efficiency Image Format
  • JPEG - Joint Photographic Experts Group
  • GIF - Graphic Interchange Format
  • PNG - Portable Network Graphics
  • SWF - Shockwave Flash
  • TIFF - Tagged Image File Format
  • JPEG2000
  • WBMP - Wireless Bitmap
  • XPM
  • SVG - Scalable Vector Graphics
  • EPS - Encapsulated PostScript
  • CGI - Computer-generated imagery
  • LQIP - Low Quality Image Placeholders

Filändelser

  • .jpg
  • .jpeg
  • .png
  • .gif
  • .svg
  • .bmp
Logotyp för Photoshop Fönster från ImageOptim Logotyp för ImageOptim Photo Booth

Program

Logotyp för iStock Logotyp för getty images Logotyp för Getty Images Ikon med logotyp för Shutterstocks Ikon med logotyp för imgIX Ikon med logotyp för Google Lens Ikon med logotyp för Unsplash Ikon med logotyp för GIPHY Ikon med logotyp för tenor Logotyp för Adobe Stock

Tjänster

Taggar i HTML

<img> <picture>

Attribut i HTML

  • src
  • alt
  • title
  • loading

Regler i CSS

  • object-position
  • object-fit

  • image-rendering: auto;
  • image-rendering: crisp-edges;
  • image-rendering: pixelated;

Kod i HTML

<input type="image">

Attribut för att ladda om bilder när dom ska visas

loading="lazy"

Attribut för att bilder som laddas in inte ska få tag på besökarens historik

referrerpolicy="origin-when-cross-origin"

Attribut för srcset i HTML

srcset="image-1x.png 1x, image-2x.png 2x, image-3x.png 3x, image-4x.png 4x" https://placeholdit.imgix.net/~text?txtsize=100&bg=000&txtclr=fff&txt=Exempel&w=468&h=468

Upplösning för PNG

file *

Kryptering

Kom ihåg: Att använda andras bilder på Internet utan tillstånd betraktas ofta som oartigt eller t.o.m. som ett brott mot upphovsrätten.

Länkar

Kuriosa

Externa länkar