Wer eine Sei­te von Goog­le Page­speed Insights unter­su­chen lässt, kommt häu­fig nicht um einen Vor­schlag des Ana­ly­se­tools her­um: Man sol­le doch die Bil­der auf der Web­site durch das WebP-For­mat erset­zen. Tat­säch­lich fin­den WebP-Bil­der im Netz immer mehr Ver­brei­tung. Gera­de weil der Vor­schlag von Goog­le kommt, mag so man­cher Web­de­si­gner jetzt hell­hö­rig wer­den. Ist nun das Aus für das all­seits belieb­te png-For­mat gekom­men?

Was ist WebP?

Zunächst sei vor­an­ge­stellt, dass WebP ein Bild­for­mat aus dem Hau­se Goog­le ist. Eine ent­spre­chen­de Emp­feh­lung sei­tens Page­speed Insights ist also wenig über­ra­schend. Bis­lang galt PNG als der Platz­hirsch unter den Bild­for­ma­ten. Immer­hin las­sen sich PNG-Bil­der recht gut kom­pri­mie­ren, ohne dass dabei die Bild­qua­li­tät so stark in Mit­lei­den­schaft gezo­gen wird wie etwa bei JPG. Die Datei­en sind dafür ungleich grö­ßer als ein JPG-Bild. Dafür punk­tet PNG in ande­rer Hin­sicht, denn das For­mat unter­stützt Trans­pa­renz. Es ist damit also geeig­net für hoch­auf­ge­lös­te Bil­der und aller­lei Spie­le­rei­en, bei denen etwa ein Motiv vor einem trans­pa­ren­ten Hin­ter­grund steht.

Genau an die­ser Stel­le setzt WebP an, denn auch die­ses For­mat unter­stützt Trans­pa­renz. Der größ­te Unter­schied zu PNG besteht aller­dings in der Kom­pri­mie­rung, denn WebP-Bil­der sind bei gleich­blei­ben­der Qua­li­tät durch­schnitt­lich 26% klei­ner als sol­che im PNG-For­mat. Gera­de auf Web­sites mit vie­len Bil­dern kann das den Lade­zei­ten einen enor­men Auf­schwung geben. Kom­bi­niert mit einem Werk­zeug wie etwa Lazy Load kön­nen moder­ne Web­sites somit auch auf Mobil­ge­rä­ten rasant schnell aus­ge­lie­fert wer­den. Allein aus tech­ni­scher Sicht ver­än­dert WebP schon jetzt das Web so, wie es sei­ner­zeit PNG getan hat. Theo­re­tisch kön­nen Sie damit den Platz­be­darf und das Daten­vo­lu­men Ihrer Web­site sen­ken und gleich­zei­tig die Lade­ge­schwin­dig­keit erhö­hen. Bedenkt man nun aber, dass es das For­mat bereits seit fast 10 Jah­ren gibt und es erst in jüngs­ter Ver­gan­gen­heit wirk­lich Beach­tung fin­det, stellt sich die Fra­ge, wo bei WebP der Haken ist.

Das gro­ße “Aber”

WebP kommt mit einem Wer­muts­trop­fen, der das For­mat schon seit einer Wei­le etwas zurück­hält: Nicht alle Brow­ser unter­stüt­zen es. Chro­me hat mit WebP kei­ne Pro­ble­me, immer­hin kommt der Brow­ser selbst von Goog­le. Fire­fox dage­gen hat erst 2019 auf­ge­rüs­tet, mitt­ler­wei­le ist auch Ope­ra dabei. Fins­ter sieht es dage­gen bei Safa­ri aus. Der Brow­ser aus dem Hau­se Apple ver­wei­gert nach wie vor hart­nä­ckig eine Inte­gra­ti­on von WebP. Das ärgert inso­fern, als dass diver­se Apple-Pro­duk­te wie das iPho­ne nach wie vor mil­lio­nen­fach gekauft wer­den und des­halb ein nicht unwich­ti­ger Fak­tor für Unter­neh­mer sind. Was wäre schon der Nut­zen Ihrer opti­mier­ten Sei­te, wenn ein guter Anteil Ihrer Besu­cher dar­auf kei­ne Bil­der sieht?

Goog­le selbst scheint bei der Ein­bin­dung von WebP auch bis­wei­len unent­schlos­sen. Zwar ist Page­speed Insights dar­auf trai­niert, bei jeder Ana­ly­se auf nicht-WebP Bil­der hin­zu­wei­sen. Ande­rer­seits aber gibt es das WebP-For­mat in Pro­dukt­bil­dern auf Goog­le über­haupt nicht.

Wir gehen davon aus, dass sich auch Apple frü­her oder spä­ter dem Druck des tech­nisch raf­fi­nier­ten WebP-For­mats beu­gen muss. Bis dahin müs­sen Sie Ihre Sei­te nicht so gestal­ten, dass Nut­zer von Safa­ri oder älte­ren Brow­sern gleich aus­ge­sperrt sind. Statt­des­sen könn­ten Sie etwa die Bil­der Ihrer Sei­te als WebP ver­füg­bar machen und sie gleich­zei­tig als Rück­si­che­rung im PNG-For­mat anbie­ten. Das ist zwar mit höhe­rem Auf­wand ver­bun­den, könn­te aber wegen der ver­rin­ger­ten Lade­zei­ten ein Fak­tor für SEO und nicht zuletzt auch für Ihre Kun­den sein.

Möch­ten Sie Ihre Web­site opti­mie­ren und wis­sen nicht wei­ter? Set­zen Sie sich mit uns in Ver­bin­dung!
Haben Sie Ihre Web­site schon auf WebP umge­rüs­tet? Sind Sie unent­schlos­sen? Tei­len Sie uns Ihre Gedan­ken zum The­ma ger­ne in den Kom­men­ta­ren mit!