Extra pixel line when zooming in browser

twolfson / gulp.spritesmith

Convert a set of images into a spritesheet and CSS variables via gulp

The Unlicense

1.08k stars 81 forks source link

Extra pixel line when zooming in browser #97

Closed MattiMindgame closed 8 years ago

MattiMindgame commented 8 years ago

If I zoom inside the browser (Chrome & IE Edge) I see an extra 1px wide (or high) line next to/above the image. It appears it is showing a pixel from a neighbouring image from the spritesheet. Any idea on how to fix this? Is this issue known?

twolfson commented 8 years ago

This is a known issue, it can be resolved by using the padding parameter (e.g. padding: 1, padding: 2). See https://github.com/Ensighten/spritesmith/issues/7 for more information