Namegarage

A closer look at blog images

Dev blog#website#blog#accessibility

Screenshots often contain details that are hard to read at an article's normal width. Blog images now open in a viewer on the page, with controls to zoom in, zoom out, fit the image to the screen, or inspect it at actual size.

Scroll to move around an enlarged image. On a desktop, you can also drag it. The keyboard shortcuts are + and - for zoom and 0 to fit. Close the viewer with its Close button, Escape, or a click outside it. Your place in the article stays the same, and keyboard focus returns to the image link.

The comparison in our image-delivery study opens whichever source and crop you selected. Its existing comparison controls still work in the article.

The viewer uses the browser's native dialog and the site's existing theme. It adds no image-viewer dependency or analytics calls. Figure links remain usable without JavaScript and open their image in the current tab.

Add as preferred source
Hacker News X LinkedIn Email

Using this button loads Google’s service and allows its usage measurement. Privacy policy.

Get new blog posts by email

Comments

Comments are reviewed before publication. The Author badge marks replies from the author.

Read approved comments on the discussion page.

    Open the discussion page

    Leave a comment

    Your account name, sign-in provider, and comment become public after review. Your email stays private. See the blog comments privacy notice and Privacy Policy.

    Sign in to leave a comment.