| Revisiting CSS “border-image” (mal/css) | | 478 |
| css, borders, data-urls |
| Generate Growing Images Using Gemini API (tan/goo) | | 477 |
| ai, apis |
| Super Crispy SVG Icons (ale) | | 476 |
| svg, icons, optimization |
| Image Comparison Slider in 6 Lines of JavaScript | | 475 |
| javascript |
| @ 11ty/image-color (zac) | | 474 |
| packages, npm, colors |
| Trusting AI With My Images Wasn’t Easy (dri) | | 473 |
| ai, alt-text, accessibility, automation, tooling |
| In Defense of Text Labels (chr) | | 472 |
| labels, icons, usability, design |
| Common Accessibility Challenges When Navigating Tables (usa) | | 471 |
| accessibility, tables, keyboard-navigation |
| Optimizing Images for Web Performance (tod/fro) | | 470 |
| performance, optimization, jpeg, png, webp, avif, html, caching |
| GitHub Copilot Brings Mockups to Life by Generating Code From Images (web) | | 469 |
| github-copilot, github, ai, design |
| How to Gif (2025 Edition) (oll) | | 468 |
| how-tos, multimedia, gif, png, webp, avif, jpeg-xl |
| How to Favicon in 2025: Three Files That Fit Most Needs (sit/evi) | | 467 |
| how-tos, favicons |
| Alt Text Accessibility: Balancing AI and Human Oversight (cda+/equ) | | 466 |
| podcasts, accessibility, multimedia, alt-text, ai, quality |
| 10 Digital Accessibility Mistakes to Avoid (gov) | | 465 |
| accessibility, mistakes, alt-text, contrast, colors, keyboard-navigation, aria, semantics, headings, labels, forms, pop-ups, testing |
| Generating Image Descriptions and Alt-Text With AI (dri) | | 464 |
| alt-text, accessibility, ai, quality |
| Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe) | | 463 |
| performance, trends, metrics, javascript, desktop, mobile |
| Using SVGs on Canvas With Compose Multiplatform (eev) | | 462 |
| canvas, svg, javascript |
| Remove the “direction” Property on Your Arrow Icons (ali) | | 461 |
| icons, microcontent |
| Quick Note: Limit Use of “Logo” in Alt Text (nat) | | 460 |
| accessibility, logos, alt-text, microcontent |
| Media (ste+/htt) | | 459 |
| web-almanac, studies, research, metrics, multimedia, html |
| Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat) | | 458 |
| html, buttons, icons, accessibility, screen-readers |
| Designer Problems: “Make the Logo Bigger!” (web) | | 457 |
| design, logos |
| Solved by Modern CSS: Feature Image (sha) | | 456 |
| css |
| Mastering SVG Arcs (sma) | | 455 |
| svg |
| A Link on a Logo in the Header, What Should the Alt-Text Be? (ria/mat) | | 454 |
| accessibility, branding, links, logos, alt-text |
| Preloading Responsive Images (tre) | | 453 |
| html, hints, performance |
| Avoid Hotlinking Images With “Cross-Origin-Resource-Policy” | | 452 |
| security |
| Old Alt Text Advice (ste) | | 451 |
| accessibility, alt-text, html, microcontent, best-practices |
| Alt Text: Not Always Needed (tbk/nng) | | 450 |
| accessibility, alt-text, writing |
| Don’t Forget to Localize Your Icons (eri) | | 449 |
| localization, icons, culture |
| How to Identify Decorative Images and Boost Accessibility (a11) | | 448 |
| how-tos, decoration, accessibility, html, aria |
| The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t) | | 447 |
| compression, performance, tooling |
| Dynamic Social Share Images Using Cloudinary (sia) | | 446 |
| social-media, tooling |
| 10 Simple Ways to Make Your Social Media Posts Accessible (vis) | | 445 |
| accessibility, social-media, content, alt-text, captions, contrast |
| You Can Use “text-wrap: balance;” on Icons (ede) | | 444 |
| css, icons |
| How to Build an Image Search Application With OpenAI CLIP and PostgreSQL in JavaScript (haz/tim) | | 443 |
| how-tos, search, ai, openai, postgresql, databases, javascript, functionality |
| Icon Usability: When and How to Evaluate Digital Icons (kat/nng) | | 442 |
| how-tos, usability, icons |
| How to Use CSS and SVG Clipping and Masking Techniques (wpe) | | 441 |
| how-tos, css, svg, masking |
| “img sizes=auto” for Native Lazy Loading (ste) | | 440 |
| code-pens, html, lazy-loading, performance |
| Keeping Pixely Images Pixely (and Performant!) (chr/fro) | | 439 |
| css, effects |
| Building the Perfect Logo Strip (nil/9el) | | 438 |
| css, logos, techniques |
| SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (sma) | | 437 |
| svg, examples |
| Supporting AVIF in Google Search (joh/goo) | | 436 |
| google, search, avif, support |
| Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency (vle) | | 435 |
| videos, ai, microsoft, tooling, accessibility, alt-text |
| Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? | | 434 |
| discussions, accessibility, html, attributes, forms, labels, aria, alt-text |
| Mastering Typography in Logo Design (hon/sma) | | 433 |
| typography, design, logos |
| Accessibility Specialists Warn Against Using AI for Alt Text (mar/uka) | | 432 |
| accessibility, alt-text, ai |
| Writing Alt Text for a Scientific Figure (kri) | | 431 |
| accessibility, alt-text, writing, information-design |
| Good Intentions, Poor Context (tpg) | | 430 |
| accessibility, microcontent, buttons, links |
| Have It All: External, Styleable, and Scalable SVG (sco) | | 429 |
| svg, css |
| Designing Design Systems: Constructing an Icon System (ado) | | 428 |
| design, design-systems, icons, case-studies |
| “Practical SVG” Is Now Free to Read Online (chr) | | 427 |
| books, svg |
| Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? (the) | | 426 |
| accessibility, alt-text, ai |
| Alternative Text in Action (gov) | | 425 |
| accessibility, alt-text, writing, examples |
| Do Grayscale Images Take Less Space? | | 424 |
| colors, performance |
| The Little Things: Confusing Error Messages (brw) | | 423 |
| errors, developer-experience |
| How Top HR Agencies Build Trust Through Logo Designs (eva/sit) | | 422 |
| design, logos, branding |
| Minimal SVG Favicon (sto) | | 421 |
| svg, favicons, minimalism |
| Ditch the Pixels: The Small and Vectorized Web (yor) | | 420 |
| html, svg |
| My Approach to Alt Text (aar) | | 419 |
| accessibility, processes, alt-text, link-lists |
| Alt Left (ste) | | 418 |
| accessibility, html, alt-text, anti-patterns |
| The Picture-Superiority Effect: Harness the Power of Visuals (nng) | | 417 |
| design, information-design |
| Images as the First Thing in a Button or Link (tem) | | 416 |
| accessibility, html, buttons, links |
| Write Alt Text Like You’re Talking to a Friend (spa/clo) | | 415 |
| accessibility, alt-text |
| Long Alt (aar) | | 414 |
| accessibility, alt-text, support, browsers, screen-readers |
| Sliding 3D Image Frames in CSS (css/sma) | | 413 |
| css, techniques |
| Faster Websites With the “picture” Element (fra) | | 412 |
| html, performance |
| How to Think About HTML Responsive Images (db) | | 411 |
| how-tos, html, responsive-design |
| Introducing Jpegli: A New JPEG Coding Library (jyz+/goo) | | 410 |
| introductions, jpeg, libraries, compression |
| “aspect-ratio” Gotcha (css) | | 409 |
| css |
| How to Design Icons in Figma (str) | | 408 |
| how-tos, icons, figma, design |
| Thoughts on Embedding Alternative Text Metadata Into Images (eri) | | 407 |
| accessibility, metadata |
| How to Invert the Colors Using CSS (ron) | | 406 |
| css, colors, filters |
| AVIF Is the Future of Web Images | | 405 |
| avif, performance, outlooks |
| The 88×31 Archive | | 404 |
| web, history |
| How to Make a Cursor Image Hover Effect With CSS and JS (len) | | 403 |
| how-tos, css, javascript, cursors |
| Everything You Need to Know About Image Formats in 2024 (web) | | 402 |
| jpeg, png, gif, webp, avif, pdf, svg |
| Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro) | | 401 |
| svg, css, masking, performance |
| Dynamically Adding Text Alternatives to Images With AI (kar/a11) | | 400 |
| automation, ai, accessibility, alt-text |
| How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi) | | 399 |
| how-tos, favicons |
| Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website (ima) | | 398 |
| pjpeg, jpeg, performance, comparisons |
| The World’s Smallest PNG (eva) | | 397 |
| png, minimalism |
| AI Art Is the New Stock Image (ia) | | 396 |
| design, ai |
| Everything You Need to Know About Responsive Logo Design (web) | | 395 |
| design, branding, logos, responsive-design |
| Responsive SVGs (nil/5t3) | | 394 |
| svg, responsive-design |
| Practical “img” Element Defaults (zor/css) | | 393 |
| videos, css |
| Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn) | | 392 |
| borders, css, browsers, web-platform, interoperability |
| AI for Web Devs: AI Image Generation (aus) | | 391 |
| ai, tooling, automation |
| “sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee) | | 390 |
| html, attributes, maintainability |
| Create Dynamic Web Experiences With Interactive SVG Animations (sit) | | 389 |
| svg, animations, tooling |
| Text With Media Background: Practical Solutions (bns/tin) | | 388 |
| microcontent, readability, accessibility |
| Stop Using AI-Generated Images (mic/css) | | 387 |
| ai |
| AVIF: Meet the Next Level Image File Format (a4o) | | 386 |
| avif |
| Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com) | | 385 |
| jpeg-xl, support, browsers |
| How to Write Good Alt Text for Screen Readers (cra) | | 384 |
| how-tos, accessibility, writing, alt-text, screen-readers |
| An Introduction to Working With SVGs in React (sit) | | 383 |
| introductions, svg, react |
| Some Sensible Defaults for Your “img” Elements (css) | | 382 |
| css |
| Images on the Web (lyd/ver) | | 381 |
| concepts, compression, jpeg, png, webp, avif, nextjs |
| Which Is the Best Image Format for Your Website? (ima) | | 380 |
| comparisons, jpeg, png, gif, webp, avif |
| The Ultimate Low-Quality Image Placeholder Technique (css) | | 379 |
| performance, web-vitals |
| How Mastodon Handles Images and Web Previews (rba) | | 378 |
| social-media, mastodon, open-graph, metadata, html |
| Stop Lazy Loading Product and Hero Images (gri/clo) | | 377 |
| performance, lazy-loading |
| How to Make Charts and Graphs More Accessible (pop) | | 376 |
| how-tos, information-design, accessibility |
| Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo) | | 375 |
| buttons, html, css, svg |
| How I Write Alt Text for Code Snippets on Social Media (ben) | | 374 |
| accessibility, alt-text, writing, social-media |
| What Is Alt Text and How to Write It (tpg) | | 373 |
| accessibility, alt-text, writing |
| Please Size Your Inline SVGs (aar) | | 372 |
| svg |
| An “alt” Decision Tree Using Only “:has()” (aar) | | 371 |
| accessibility, css, alt-text |
| Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (hum/sma) | | 370 |
| accessibility, content, best-practices, techniques |
| Alt Text Hall of Fame (ste/alt) | | 369 |
| websites, accessibility, writing, alt-text |
| Responsive Images: DIY Implementation in 6 Steps (mas) | | 368 |
| html, responsive-design |
| Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (hum/sma) | | 367 |
| accessibility, content, best-practices, techniques |
| SVG Gradients: Solving Curved Challenges (bro) | | 366 |
| svg, gradients |
| Using Imagery in Visual Design (rac/nng) | | 365 |
| design, content |
| How to Use CSS “object-fit” and “object-position” (ral/sit) | | 364 |
| how-tos, css |
| JPEG XL: How It Started, How It’s Going (jon/clo) | | 363 |
| compression, jpeg-xl |
| Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma) | | 362 |
| css, effects |
| Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi) | | 361 |
| youtube, twitter+x, open-graph, social-media, metadata |
| Creating SVG Animations Using Tailwind CSS (mba+/sem) | | 360 |
| svg, animations, tailwind |
| Understanding SVG Paths (nan) | | 359 |
| svg |
| What Does the Image “decoding” Attribute Actually Do? (tun) | | 358 |
| html, attributes, performance |
| How to Add a CSS Reveal Animation to Your Images (css/sit) | | 357 |
| how-tos, css, animations |
| Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo) | | 356 |
| gif |
| Deploying AVIF for More Responsive Websites (jhu/dev) | | 355 |
| avif, performance |
| Dithering (chr) | | 354 |
| dithering |
| The Image Sorting Experiment (kai/uxd) | | 353 |
| information-design, sorting, experiments |
| A Designers Guide to the Principles of Web Design (loo) | | 352 |
| guides, design, principles, consistency, legibility, navigation, hierarchy, whitespace, usability |
| The Death of JPEG-XL (pea) | | 351 |
| jpeg-xl |
| The Alt Text War—SEO vs. Accessibility (art/dig) | | 350 |
| accessibility, seo, writing, alt-text, comparisons |
| What Makes a Good Screenshot? (llo/tpg) | | 349 |
| accessibility |
| The Ultimate Guide to Image Optimisation (fox/cal) | | 348 |
| guides, performance, compression, optimization |
| Change Favicon on Switching Browser Tabs in JavaScript (ami) | | 347 |
| favicons, javascript |
| Are You Making These Five Mistakes When Writing Alt Text? (dan/a11) | | 346 |
| accessibility, writing, alt-text, mistakes |
| Unlocking SVG’s Superpowers (cas/btc) | | 345 |
| videos, svg |
| On Container Queries, Responsive Images, and JPEG-XL (gri/clo) | | 344 |
| css, container-queries, responsive-design, jpeg-xl |
| Dithering Images With React/JavaScript (wri) | | 343 |
| dithering, react, javascript |
| How to Style Your Alt Text (ede) | | 342 |
| how-tos, css, accessibility, alt-text |
| Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen) | | 341 |
| css |
| Building an Animated SVG Logo With animejs (joz/pix) | | 340 |
| svg, logos, animations, vuejs |
| You Kinda Want an Orange Favicon (chr) | | 339 |
| favicons, browsers, theming |
| How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi) | | 338 |
| how-tos, favicons |
| Learn Images (wil/dev) | | 337 |
| courses, svg, gif, png, jpeg, webp, avif |
| Easy SVG Customization and Animation: A Practical Guide (cod/sma) | | 336 |
| guides, svg, animations |
| Optimal Images in HTML (ste/bui) | | 335 |
| html, backgrounds, performance, optimization |
| The Modern Way of Serving Images (kur) | | 334 |
| html, performance |
| Creating a Custom Cursor Using CSS (css/ver) | | 333 |
| cursors, css, svg |
| 6 Common SVG Fails (and How to Fix Them) (mar/css) | | 332 |
| svg |
| Optimizing the Image Element LCP (sma) | | 331 |
| performance, web-vitals |
| Interactive SVG Reference (fff) | | 330 |
| svg |
| Stock Photos of People With Disabilities (den/web) | | 329 |
| accessibility, content |
| Website Accessibility (15 Best Practices) (bru) | | 328 |
| accessibility, best-practices, content, readability, captcha, alt-text, forms, focus, html, tooling |
| Mini-Guide to Add an Image (its/mat) | | 327 |
| html |
| CSS Infinite Slider Flipping Through Polaroid Images (css/css) | | 326 |
| css, effects |
| Enough With the Pointless Images (boa) | | 325 |
| design, decoration |
| Reduce Image Sizes by Removing Metadata (boe/per) | | 324 |
| metadata, performance, optimization |
| CSS Infinite and Circular Rotating Image Slider (css/css) | | 323 |
| css, animations |
| Handling Images With Inconsistent Height in CSS (ami) | | 322 |
| css |
| What Image Format Should You Use in Your Next Project? (alv) | | 321 |
|
| A Guide to Image Optimization on Jamstack Sites (daw/sma) | | 320 |
| guides, compression, optimization, performance, tech-stacks, jamstack |
| 6 Steps to Improve HTML Images for Users and Developers (aus) | | 319 |
| html, performance, responsive-design |
| The Case for JPEG XL (jon/clo) | | 318 |
| jpeg-xl, compression |
| Twitter Reminds Us About Alt Text, but How Good Are We at It? (she/uxd) | | 317 |
| accessibility, writing, alt-text, twitter+x |
| Google on Alt Text SEO and Accessibility (joh+/sea) | | 316 |
| google, seo, accessibility, writing, alt-text |
| What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project (joe) | | 315 |
| accessibility, svg, lessons |
| SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep) | | 314 |
| svg, sprites, performance |
| How to Write Good Alt Text (cfe) | | 313 |
| how-tos, accessibility, writing, alt-text |
| How to Scale SVG (ame/css) | | 312 |
| how-tos, svg |
| GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css) | | 311 |
| performance, multimedia, gif, html |
| Media (rak/htt) | | 310 |
| web-almanac, studies, research, metrics, multimedia |
| Justin Yarbrough Talks About Alt Text (fat/vav) | | 309 |
| podcasts, accessibility, writing, alt-text |
| Converting PNG Images to WebP Using PHP (ami) | | 308 |
| conversion, png, webp, php |
| How Your Favourite UI Libraries Manage Their Icons (and/bac) | | 307 |
| libraries, icons, maintenance |
| 8 Tricks for SVG Optimization (mar/uxd) | | 306 |
| svg, tips-and-tricks, optimization |
| What Are Best Practices for Creating Alt Text? (acc) | | 305 |
| accessibility, writing, alt-text, best-practices |
| AI-Generated Images From AI-Generated Alt Text (aar) | | 304 |
| accessibility, writing, alt-text, ai |
| Vector Animations With Figma and SVG Animate (ms/uxd) | | 303 |
| animations, figma, svg |
| Research Insight: Accessibility of Images (ihe/tet) | | 302 |
| accessibility, usability, research |
| Powerful Image Optimization Tools (lou/sma) | | 301 |
| link-lists, compression, performance, tooling |
| Can SVG Symbols Affect Web Performance? (bms) | | 300 |
| svg, performance |
| Best Practices for Images (nuc) | | 299 |
| html, best-practices |
| Imagemin Guard (j9t) | | 298 |
| packages, npm, compression, performance, jpeg, png, gif, webp, avif |
| How to Serve WebP Images on nginx | | 297 |
| how-tos, webp, nginx, servers |
| Icon-Only Links Fail WCAG (tem) | | 296 |
| accessibility, links, wcag, icons, conformance |
| Writing Useful Alt Text (mic/css) | | 295 |
| accessibility, writing, alt-text |
| Just How Long Should Alt Text Be? (geo/css) | | 294 |
| accessibility, writing, alt-text |
| Magical SVG Techniques (sma) | | 293 |
| svg, techniques |
| Image Borders in CSS (ami) | | 292 |
| css, borders |
| How to Turn HTML Webpage Into an Image? (jas) | | 291 |
| how-tos, html, conversion |
| Alternative Text (Alt Text) (pop) | | 290 |
| accessibility, html, writing, alt-text |
| Picture Perfect Images With the Modern “<img>” Element (add/sta) | | 289 |
| html, performance, web-vitals |
| Optimizing SVG Patterns to Their Smallest Size (fin/css) | | 288 |
| svg, performance |
| Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results (gle) | | 287 |
| favicons, google, seo |
| 15 Useful Placeholder Tools for Designers and Developers (mad) | | 286 |
| tooling, content, placeholders, testing, link-lists |
| There Is No Character Limit for “Alt Text” (yat) | | 285 |
| accessibility, html, alt-text |
| Never, Ever, Ever Use Pixelation for Redacting Text (260/bis) | | 284 |
| content, obfuscation, security |
| Building an Adaptive Favicon (arg/dev) | | 283 |
| favicons |
| How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi) | | 282 |
| how-tos, favicons |
| Optimize Your PNGs With Oxipng and pre-commit (ada) | | 281 |
| png, performance, compression, tooling |
| Big Images, Blazingly Fast (erw/q42) | | 280 |
| performance, quality |
| Create an Open Graph Image Generator With Node.js (sai/log) | | 279 |
| nodejs, open-graph |
| Social Media Image Sizes 2022: Cheat Sheet for Every Network (kar+/hoo) | | 278 |
| cheat-sheets, social-media |
| Alt Tag Emptiness (ste) | | 277 |
| accessibility, html, alt-text, aria |
| Responsive Image Gallery With Animated Captions (5t3) | | 276 |
| css, animations, responsive-design, examples |
| Image Magnifier Using Only One Line of CSS (ami) | | 275 |
| css |
| The Many Methods for Using SVG Icons (hui) | | 274 |
| css, svg, icons |
| Image Display Elements (5t3) | | 273 |
| html, responsive-design |
| Why Your Website Should Not Use Dithered Images (sim) | | 272 |
| dithering, compression, performance |
| We Analyzed 425,909 Favicons | | 271 |
| favicons |
| Beginner’s Guide to Responsive Images: How to Get Them Right (lou/cod) | | 270 |
| guides, responsive-design, html |
| Using Modern Image Formats: AVIF and WebP (add/sma) | | 269 |
| avif, webp, jpeg, png, comparisons, performance, compression |
| Optimizing Images on the Web (gre/clo) | | 268 |
| performance, cloudflare |
| Blowing Up HTML Size With Responsive Images (deb) | | 267 |
| html, performance, responsive-design |
| Fractional SVG Stars With CSS (sam) | | 266 |
| css, svg |
| 5 Steps for Writing Alt Text for Accessibility (boi) | | 265 |
| accessibility, writing, alt-text |
| One Favicon to Rule Them All (j9t) | | 264 |
| html, favicons |
| Decoding AVIF: Deep Dive With Cats and imgproxy (pgu+/evi) | | 263 |
| avif, deep-dives |
| Exploring the CSS Paint API: Image Fragmentation Effect (css/css) | | 262 |
| css, apis, effects |
| Pixelart and the “image-rendering” Paradox (tfa) | | 261 |
| css, art |
| Writing Great Alt Text: Emotion Matters (jaf) | | 260 |
| accessibility, writing, alt-text, user-experience |
| What to Know About AVIF on Cloudinary (sia) | | 259 |
| avif |
| Image Descriptions: A Human Technique That Robots Can’t Grasp (ron/uxd) | | 258 |
| accessibility, alt-text |
| The Anatomy of a Web Page: 14 Basic Elements (mya/tub) | | 257 |
| design-patterns, navigation, buttons, forms, multimedia, favicons, link-lists |
| Beyond Basic Alt Text—Charts, Maps, and Diagrams (tam/equ) | | 256 |
| accessibility, alt-text, information-design |
| A Framework for Building Open Graph Images (jas/git) | | 255 |
| open-graph |
| Your Image Is Probably Not Decorative (eri/sma) | | 254 |
| decoration, accessibility, alt-text |
| OMG, SVG Favicons FTW! (ste) | | 253 |
| html, favicons, svg |
| Serving Sharp Images to High Density Screens (jaf) | | 252 |
| performance |
| Half the Size of Images by Optimising for High Density Displays (jaf) | | 251 |
| html, performance |
| Adding Shadows to SVG Icons With CSS and SVG Filters (ola/css) | | 250 |
| css, svg, icons, shadows, filters, effects |
| Using AVIF to Compress Images on Your Site (jai/dev) | | 249 |
| performance, avif, compression |
| How to Build an Image Comparison Slider (let) | | 248 |
| how-tos, react |
| JPEG XL | | 247 |
| websites, jpeg-xl |
| Content-Aware Image Resizing in JavaScript (tre) | | 246 |
| javascript, resizing |
| Web Developer’s Guide to AVIF Images (dar) | | 245 |
| guides, avif |
| How to Use SVG Image Sprites (cra/sit) | | 244 |
| how-tos, svg, sprites |
| Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma) | | 243 |
| responsive-design, css, gradients, effects |
| Seven Myths About Alt Text (ver) | | 242 |
| accessibility, alt-text, myths |
| Front-End Performance 2021: Assets Optimizations (vit/sma) | | 241 |
| performance, checklists, link-lists, compression |
| Google Is Already Experimenting With WebP2 As Successor To WebP Image Format (mic/pho) | | 240 |
| webp, google |
| How to Design a Set of Icons (hub) | | 239 |
| design, icons |
| Creating a Custom Cursor Using CSS? (fak) | | 238 |
| css, svg, cursors |
| AVIF Has Landed (jaf) | | 237 |
| avif, performance, quality, jpeg, webp, svg, png, comparisons |
| Writing Alt Text for Data Visualization (amy/dat) | | 236 |
| accessibility, alt-text, writing, information-design, visualization |
| Webwaste (ger/ali) | | 235 |
| web, sustainability |
| How to Design a Brand Logo (With Ease) (sma) | | 234 |
| how-tos, design, branding, logos |
| Accessible SVGs: Inclusiveness Beyond Patterns (car/sma) | | 233 |
| svg, accessibility, tooling |
| Setting Height and Width on Images Is Important Again (tun/sma) | | 232 |
| html, performance, web-vitals |
| Optimize CSS Background Images With Media Queries (dre/dev) | | 231 |
| css, backgrounds, media-queries, optimization |
| AVIF for Next-Generation Image Coding (cco+/net) | | 230 |
| avif, compression |
| Progressive JPEGs: An Introduction (ion) | | 229 |
| introductions, jpeg, pjpeg, compression |
