7 min read
Image Effects: What to Use for Blur, Tint, Duotone, Pixelate, and More
Choose an image effect by the job: make text readable, unify a mixed set, hide details, turn a photo into a graphic, or pull focus.
Read articleVayce Blog · 33 articles
Blog
Articles, topics, and notes on the practical web — built and explained in the browser.
Latest articles
All 33 articles
5 min read
Duotone Effect: What It Is and How to Make One
A duotone effect maps shadows and highlights to two chosen colors. Learn when it helps web images, where it fails, and how to make one.
5 min read
Color Palette From Image: Get Brand Colors From Photos
Extract a color palette from an image by finding dominant, muted, dark, and light swatches. Use the result as a starting point for brand and UI colors.
5 min read
Web Image Formats: JPEG vs PNG vs WebP vs SVG
Compare JPEG, PNG, WebP, and SVG by compression, transparency, sharp edges, browser use, and the kind of image each format should store.
Topics
Explore topicsExplore Vayce's articles and guides grouped by theme.
Topic 6 articles
What Happens When
A look inside the browser’s systems. Explore what really happens when you click, paste, upload, or scroll.
Browse topicTopic 4 articles
Tools Of The Browser
Hands-on guides to the powerful Web APIs built into every browser, enabling dynamic and interactive web experiences
Browse topicTopic 5 articles
Web Writing
Guides on how to write for the web. Each article breaks down the small mechanics that make text feel effortless on screen.
Browse topicTopic 12 articles
Images for the Web
Guides on how to find, choose, create, and prepare images that look sharp, load fast, and fit naturally into modern websites.
Browse topicTopic 2 articles
Made In The Browser
Inside the making of Vayce tools. Read how Vayce tools are built using browser APIs, workers, and local-first design.
Browse topicTopic 4 articles
Guides And Insights
A collection of practical reads. From everyday tips to small discoveries worth exploring.
Browse topicFeatured articles
5 min read
Compress Images for Web: Resize, Format, Quality
Compress web images by resizing first, choosing WebP, JPEG, or PNG, then lowering quality until artifacts appear. Use the browser compressor to compare savings.
7 min read
What Happens When You Upload a File?
When you upload a file, the browser exposes only the selected file, packages it for the request, and sends the bytes over HTTPS.
5 min read
What Is a QR Code? Definition, Uses, and Limits
A QR code is a two-dimensional barcode that stores data in a scannable grid. It can open links, share Wi-Fi, save contacts, or trigger actions.