Kihagyás

Képek feltöltése

Ha olyan módosítást végzel a webhelyen, amely új képek hozzáadásával vagy meglévők cseréjével jár, vedd figyelembe az alábbi általános ajánlásokat.

Képek

  • Előnyben részesítjük az SVG-képeket, de ha nem állnak rendelkezésre, PNG is használható. A borítóképeknél lehetőség szerint Unsplash-forrású, WebP formátumú képet használj.

A vállalati logók lehetőség szerint négyzetesek legyenek, PNG (nem vektoros) kép esetén legalább 200×200 képpontos felbontással.

Optimalizálás

PNG

PNG-képek optimalizálásához használd az OptiPNG eszközt:

optipng -o7 file.png

SVG

Inkscape

Minden SVG-képen futtasd a Scour optimalizálást.

Inkscape-ben:

  1. File > Save As...
  2. A fájltípus legyen: Optimized SVG (*.svg)

Az Options lapon:

  • Number of significant digits for coordinates > 5
  • Kapcsold be: Shorten color values
  • Kapcsold be: Convert CSS attributes to XML attributes
  • Kapcsold be: Collapse groups
  • Kapcsold be: Create groups for similar attributes
  • Kapcsold ki: Keep editor data
  • Kapcsold ki: Keep unreferenced definitions
  • Kapcsold be: Work around renderer bugs

Az SVG Output lapon, a Document options alatt:

  • Kapcsold ki: Remove the XML declaration
  • Kapcsold be: Remove metadata
  • Kapcsold be: Remove comments
  • Kapcsold be: Embedded raster images
  • Kapcsold be: Enable viewboxing

Az SVG Output lap Pretty-printing részében:

  • Kapcsold ki: Format output with line-breaks and indentation
  • Indentation characters > válaszd a Space értéket
  • Depth of indentation > 1
  • Kapcsold ki: Strip the "xml:space" attribute from the root SVG element

Az IDs lapon:

  • Kapcsold be: Remove unused IDs
  • Kapcsold ki: Shorten IDs
  • Prefix shortened IDs with > hagyd üresen
  • Kapcsold be: Preserve manually created IDs not ending with digits
  • Preserve the following IDs > hagyd üresen
  • Preserve IDs starting with > hagyd üresen

Parancssor

Ugyanez elvégezhető a Scour parancsával:

scour --set-precision=5 \
      --create-groups \
      --renderer-workaround \
      --remove-descriptive-elements \
      --enable-comment-stripping \
      --enable-viewboxing \
      --indent=space \
      --nindent=1 \
      --no-line-breaks \
      --enable-id-stripping \
      --protect-ids-noninkscape \
      input.svg output.svg

WebP

PNG- vagy JPEG-képek WebP formátumba alakításához használd a cwebp parancsot:

cwebp -m 6 input_file -o output.webp

A Magánszféra Kalauz a Privacy Guides nem hivatalos magyar változata. Tartalmi eltérés esetén az angol eredeti az irányadó. Eredeti Privacy Guides