I needed to convert some PNG icons to SVG for a project. Tried a few online tools—either poor quality or paywalled. So I built my own and dove into…
Posts for: #JavaScript
ICO File Format Demystified: Building a PNG to ICO Converter from Scratch
I recently needed to add favicon generation to a project. Thought I could just rename a PNG to .ico and call it a day. Nope. ICO is a proper binary…
Image to ASCII Art: Pixel Brightness Mapping Algorithm and Character Set Selection
Written: May 4, 2026, 19:06
Image to Sketch: Gaussian Blur and Color Dodge Blending with Canvas
I was building an image processing toolkit and needed to convert photos into pencil sketch style. After some research, I found the core principle i…
Canvas Transform Matrix for Image Rotation: From translate/rotate to Operation Queues
Recently I worked on a feature where users upload images and can rotate or flip them, combining multiple operations. For example: rotate 90° clockw…
Image Resize Tool Implementation: From Canvas API to High-Quality Scaling Algorithms
Written: 2026-05-09 17:22
Canvas Image Pixelation: The Two-Step Scale Down and Scale Up Approach
Recently, while building an image pixelation tool, I discovered something interesting: many implementations manually iterate through each pixel blo…
Image Optimizer Deep Dive: From Canvas API to Intelligent Compression Algorithms
Published: May 8, 2026 03:48
Building an Image Merge Tool with Canvas: Horizontal and Vertical Concatenation Algorithms
A deep dive into implementing a multi-image merger using native Canvas API, covering parallel loading, dimension calculation, and drag-and-drop u…
Image Filters on Canvas: From CSS filter to Convolution Kernels
Photo filters look like magic, but underneath they’re just math on pixel values. I recently built an online image filter tool and want to share how…