# Preparing your Images for the web

# Bilder für das Internet optimieren

# Příprava obrázků pro web

# 创建在网页中使用的图像

One of the most common purposes GIMP is used for, is to prepare images for adding them to a web site. This means, images should look as nice as possible while keeping the file size as small as possible. This little step-by-step guide will tell you how to achieve a smaller file size with minimal degradation of image quality.

Gimp bývá velmi často používát pro přípravu webové grafiky. Obrázky pro web musí vypadat co nejlépe, ale přitom musí být soubory co nejmenší. Tento krátký návod vysvětluje, jak dosáhnout malých souborů aniž s minimální možnou ztrátou kvality.

Der meiste Grund, warum Gimp benutzt wird ist Bilder für das Internet (z.B. für die eigene Homepage) zu erstellen. Das heisst also, dass die Bilder so gut wie möglich aussehen sollen, aber dennoch eine kleine Dateigröße aufweisen umd Bandbreite zu sparen. Dieser Abschnitt soll Sie darüber informieren, wie Sie Ihre Bilder optimal mit Gimp für das Internet vorbereiten.

GIMP一个主要的用途就是产生在您网站的网页中使用的图像。也就是说该图像应该在原图像文件大小一半时看上去也比较舒服。下面就是详细的处理步骤，已经如何产生更小的文件大小而不影响其效果。

An optimal image for the web depends on the image type and the fileformat you've to use. If you want to put a photograph with a lot of colors online, you have to use JPEG as your primary fileformat. If it contains less colors, is not a photograph and more a drawing you created (like a button or a screenshot) you better stay with the PNG format. We'll guide you through the last described process.

Eine optimale Lösung für das Internet hängt vom Bildtyp und dem Dateiformat ab. Wenn Sie ein Foto, welches meist viele Farben aufweist, veröffentlichen wollen, benutzen Sie besser das JPEG als Format zum Speichern. Wenn es sich jedoch um eine Zeichnung oder selbsterstellte Graphik handelt, benutzen Sie besser das PNG Format.

- First open the image as usual. I opened our Wilber as an example image.

  The Wilber image opened in the RGBA mode.

- The image is now in RGB mode with an additional alpha channel (RGBA). There is mostly no need to have an alpha channel for your web image. You can remove the Alpha channel by flattening the Image.

  If you open a photograph, you probably don't have to remove an alpha channel, because it is already opened in RGB mode.

- After flattening, you are able to save the image in PNG Format for your homepage.

- Nejprve obrázek otevřete jako obvykle. Například našeho Wilbera.

  Obrázek Wilbera v RGBA režimu.

- Obrázek je v RGB režimu s přidaným alfa kanálem (RGBA). Pravděpodobně však pro svůj web alfa kanál nepotřebujete. Zbavíte se ho zploštěním obrázku.

- Zploštěný obrázek pak můžete uložit v PNG formátu vhodném pro webové stránky.

- Als erstes öffnen Sie wie immer Ihr Bild. Als Beispielbild benutze ich unseren Wilber.

  Das Bild mit Wilber im RGBA Modus geöffnet.

- Das Bild befindet sich jetzt im RGB Modus mit einem zusätzlichen Alpha Kanal (RGBA). Meistens benötigen Sie keinen Alpha Kanal, so dass Sie ihn entfernen können. Sie möchten Grafiken für das Web erstellen Das geschieht durch einen Klick auf Bild zusammenfügen. Fotos haben meist keinen Alpha Kanal, so dass Sie sicherlich dieses im RGB Modus geöffnet haben und es nicht zusammenfügen brauchen.

  Enthällt, die Grafik einen weichen Übergang zu transparenten Bereichen, können Sie den Alpha Kanal nicht entfernen, da hier die Informationen für die Überblendung gespeichert werden. Wollen Sie eine Grafik mit transparenten Bereichen ohne weiche Übergänge (ähnlich dem GIF) speichern, können Sie den Alpha Kanal entfernen.

- Nachdem Sie den Alpha Kanal entfernt haben, können Sie das Bild als PNG Abspeichern.

- 首先打开一个图像，这里用我们的 Wilber 作为范例。

  Wilber 在 RGBA 模式下打开。

- 现在该图像就是 RGB 模式和一个Alpha 通道 (RGBA)。一般来说，网页图像没必要有 Alpha 通道，您可以用平整图像来去掉它。

- 平整完成后就可以保存图像为PNG 格式。

You can save the PNG with the default settings, but with a maximal compression. Saving your image in PNG doesn't have any quality drawbacks in comparison to eg. JPEG. If you opened a photograph with lots of colors, you better save this file as a jpeg. The problem is, to get the best tradeoff between quality and compression. More information about this topic can be found in .

Sie können das PNG mit den Vorgabeeinstellungen speichern. Benutzen Sie jedoch die maximale Kompression. Das wird keine negativen qualitativen Auswirkungen wie beim JPEG Format auf das Bild haben. Haben Sie ein Foto geöffnet, kommt es auf den besten Kompromiss zwischen Dateigrösse und Qualität des Bildes an. Mehr Informationen um ein Bild als JPEG zu speichern finden Sie im Glossar unter .

PNG soubor můžete uložit s výchozím nastavením, dejte však pozor na nastavení maximální úrovně komprese. Uložení obrázku do formátu PNG nemá žádný negativní vliv na jeho kvalitu (na rozdíl od JPEG).

您可以用默认设置和最大压缩率保存 PNG。将图像保存为 PNG 而不是JPEG等其它格式，是因为 PNG 不会有任何图像质量上的损失。

## Squeezing Filesize a bit more

## Die Dateigrösse mehr verkleinern

## Vyšší komprese obrázků

## 进一步压缩文件大小

If you want to squeeze your image a bit more, you could convert your image to Indexed mode. Converting images with smooth color transitions or gradients to indexed mode will often give poor results, because it will turn the smooth gradients into a series of bands. This method is also not recommended for photographs. It'll make the image look bad and grainy.

Wenn Sie die Dateigrösse noch etwas mehr verkleinern wollen, können Sie das Bild in den Indizierten Farbmodus konvertieren. Das heisst, dass die vielen Farben auf nur 256 reduziert werden. Um schlecht aussehende Bilder zu vermeiden, ist diese Methode jedoch nicht für Fotos oder Bilder mit Farbübergängen zu empfehlen.

Pokud chcete obrázek podbný tomu s Wilberem opravdu důkladně zkomprimovat, převeďte ho do režimu indexovaných barev. U obrázků s jemnými barevnými přechody (například fotografií) však vznikají artefakty v podobě barevných pruhů. Proto se indexované barvy hodí především pro různá schémátka, loga a jednodušší grafiku.

您可以将图像转变为索引模式。不过如果图像有平滑的颜色过渡或渐变就不适合转变为索引。无论如何，可以尝试着转变一下。

The indexed image can look a bit grainy. The left image is the wilber in original size, the right one zoomed in by 300 percent.

Das indizierte Bild kann etwas körnig aussehen. Das linke Bild ist der Wilber in Originalgrösse. Das rechte Bild zeigt das Bild in 300facher Vergrösserung

Indexovaný obrázek může vypadat poněkud zrnitě. Vlevo je Wilber v originální velikosti, vpravo zvětšený o 300 procent.

索引图像看上去可能上面有点纹理。左边图像是 Wilber 原始大小，而右边是放大为百分之 300。

- Use the Convert Mode Dialog to convert your RGB image to indexed mode.

  Benutzen Sie den Konvertieren Dialog um das Bild von RGB in den Indizierten Farbmodus zu konvertieren.

  Ke konverzi obrázku do indexovaného režimu použijte .

  用转换模式对话框将 RGB 图像转换为索引模式。

- After converting to indexed, you are once again able to save your image in PNG Format.

  Nachdem das Bild konvertiert wurde, können Sie das Bild nochmals als PNG Abspeichern.

  Po převodu do indexovaných barev můžete obrázek uložit ve formátu PNG .

  转换为索引模式后，就可以再次将图像保存为PNG 格式了。

The GIMP GIMP Web 网页