Document workaround for broken image symbol

aFarkas · Mar 26, 2019 · 6a906c4 · 6a906c4
1 parent 6d28945
commit 6a906c4
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -292,6 +292,20 @@ lazysizes adds the class ``lazyloading`` while the images are loading and the cl
 }
 ```
 
+### Broken image symbol
+
+In case you are using an `alt` attribute but do not declare a `src`/`srcset` attribute you will end up with a broken image symbol.
+
+There are two easy ways to deal with it.
+
+Either define a `src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="` or add the following CSS.
+
+```css
+img.lazyload:not([src]) {
+	visibility: hidden;
+}
+```
+
 
 ### JS API
 **lazysizes** automatically detects new elements with the class ``lazyload`` so you won't need to call or configure anything in most situations.