Lazy Load Placeholder Generator
Generate aspect-ratio, placeholder image or background base64 pattern from image.
Dummy Generator
Original image size (px):
aspect-ratio: 1 / 1 Full sizeRatio
base64 Image: Download GIF
data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==
CSS Hack / 100%
.parent { position: relative; padding-top: 100% }
img.lazy { position: absolute; top: 0; left: 0; width: 100% }
img.lazy { position: absolute; top: 0; left: 0; width: 100% }
Background Pattern
Select file pattern (gif, png, jpg)
Preview:
base64 background-image:
data:image/gif;base64,R0lGODlhCgAIAIABAN3d3f///yH5BAEAAAEALAAAAAAKAAgAAAINjAOnyJv2oJOrVXrzKQA7
