JavaScript 想要跨 Domain 做 Image beacon,經常需要使用 1x1 px 大小的圖片。
臨時需要本來想自己做一張,沒想到居然有個服務可以產生,可以產生各種顏色、透明都可以,然後還可以 base64 輸出~
1x1 Pixel 的圖片服務
產生透明 Pixel 的服務:Transparent PNG Pixel Base64 Encoded
產生的結果如下:
- Image 1x1 pixel Beacon
- iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+fCQAFBwIC3vK9zQAAAABJRU5ErkJggg==
- PNG
- CSS:background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+fCQAFBwIC3vK9zQAAAABJRU5ErkJggg==);
- HTML IMG:
- GIF + 透明
- data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==
- HTML IMG: