Guides

A file can be too large without making it obvious which setting to change, and choosing between PNG and WebP is not always intuitive. These guides were written while checking Boltpic's tools directly, covering format choices, a sensible order for reducing file size, color notation, and what to inspect before sharing a photo.

• PNG vs JPG vs WebP: which format should you actually use?

  Photos, screenshots, and transparent graphics need different formats. Compare how PNG, JPG, and WebP compress an image and choose the right one for the job.

  Reviewed July 28, 2026

• How to make image files smaller (without making them ugly)

  Pixel dimensions, format, and compression quality are the practical controls for reducing a file. Learn the order to adjust them and how to inspect the result.

  Reviewed July 28, 2026

• HEX, RGB, HSL: making sense of color codes

  What #e63946, rgb(230, 57, 70), and hsl(355, 78%, 56%) mean, which notation to use, and how to read exact values from an image your browser can open.

  Reviewed July 28, 2026

• Image optimization for faster pages: a practical checklist

  A checklist for image dimensions, formats, loading priority, and layout stability, including factors that can affect LCP.

  Reviewed July 28, 2026

• Blur it before you share it: hiding personal info in photos

  Delivery labels, license plates, screens, and bystanders: what to check before posting, why weak blur is poor protection, and how to mask details in the browser.

  Reviewed July 28, 2026

• CSS gradients in practice

  Use linear-gradient, radial-gradient, and conic-gradient for overlays, text, stripes, and other interface effects, and learn how to reduce visible banding.

  Reviewed July 28, 2026