Images
Frontend
2026-03-08
๐ผ๏ธ Stuck White Background + Telegram Image Compression โ Image Processing Pitfall Collection
๐ด Problem: Logo had white/checkerboard background; CSS filter invert looked terrible on complex logos. Telegram auto-compresses PNG to JPG, destroying transparency.
โ Fix: Python Pillow library removes white backgrounds (r>185 && g>185 && b>185 โ transparent). To send transparent PNGs on Telegram, use "Send as File" โ never just drag the image.
๐ก๏ธ How to Avoid:
1. Use Python Pillow to remove white backgrounds โ CSS filter is unreliable
2. To send transparent PNGs on Telegram, always use "Send as File" โ direct image sending compresses to JPG
3. CSS fade-in animations may not trigger on mobile โ showing directly is safer
4. Do not CSS-invert partner logos โ use opacity + official originals