What learning react won't teach you: Image Formats

https://idiallo.com/blog/react-and-image-format

13•foxfired•5mo ago

Comments

jagthebeetle•5mo ago

A bit of a nit, but the 17kb PNG actually looks slightly blurry, or "artifact-ed" on my MacBook screen. Happily though, the author included a section on SVG at the bottom, which was my knee-jerk reaction for the appropriate format for lettering at that scale.

wmf•5mo ago

It seems weird to blame React for this.

zahlman•5mo ago

Do front-end devs really not know this sort of thing in 2025? I haven't done serious web development since the jQuery days and it's still second nature to me. (Granted, WebP barely existed at that point.) Honestly, when I was growing up this sort of thing was something ordinary users would know about.

firefoxd•5mo ago

In the days of jquery, it was much more common for people to worry about file size and load time. With faster mobile internet, there are less incentives to learn about image formats and their benefits. Many developers coming from bootcamps often lack this knowledge.

politelemon•5mo ago

I'm sorry but they do not. React is used as a cargo crutch for web development these days. Its necessity is not considered for problem solving, it is simply assumed as needed, based on learning by rote. What you now have is a legion of web developers who pay little attention to optimisation both within the framework and in general without.

sxp•5mo ago

> This is a SVG. Only 2KB!

That's the uncompressed size. Since most production webservers use compression, the actual transfered data according to Chrome's Inspector was .9kb. Ironically, the favicon.ico was a 32kb file that compressed to 4.3kb and was loaded when I looked at https://cdn.idiallo.com/images/assets/527/ping_svg.svg

jemmyw•5mo ago

React tutorials shouldn't cover this. They're for learning React. Otherwise every tutorial for anything web based would need to include all the basics about the web too, every time.

I don't have an answer for where the best place to learn it in the course of becoming a dev. I learnt this stuff over 25 years ago when I was a teenager. The thing is, it was a necessity then. Now I can download a whole movie in less time than a poorly optimized webpage in the 90s. So while I still obsessively try to get the smallest best looking images when I'm doing frontend dev, I'm not sure it's really worth my time.

The author mentions automated tooling and I can see that being the best middle ground these days.

Interactive Unboxing of J Dilla's Donuts

OneCourt helps blind and low-vision fans to track Super Bowl live

Rudolf Vrba

Autism Incidence in Girls and Boys May Be Nearly Equal, Study Suggests

Wellness Hotels Discovery Application

NASA delays moon rocket launch by a month after fuel leaks during test

Sebastian Galiani on the Marginal Revolution

Ask HN: Are we at the point where software can improve itself?

Binance Gives Trump Family's Crypto Firm a Leg Up

Reverse engineering Chinese 'shit-program' for absolute glory: R/ClaudeCode

Indian Culture

Show HN: Maravel-Framework 10.61 prevents circular dependency

The age of a treacherous, falling dollar

Ask HN: AI Generated Diagrams

Microsoft Account bugs locked me out of Notepad – are Thin Clients ruining PCs?

Show HN: A delightful Mac app to vibe code beautiful iOS apps

Show HN: Gemini Station – A local Chrome extension to organize AI chats

Welfare states build financial markets through social policy design

Market orientation and national homicide rates

California urges people avoid wild mushrooms after 4 deaths, 3 liver transplants

Matthew Shulman, co-creator of Intellisense, died 2019 March 22

Show HN: SuperLocalMemory – AI memory that stays on your machine, forever free

Show HN: Pyrig – One command to set up a production-ready Python project

Fast Response or Silence: Conversation Persistence in an AI-Agent Social Network [pdf]

C and C++ dependencies: don't dream it, be it

Show HN: Vbuckets – Infinite virtual S3 buckets

Open Molten Claw: Post-Eval as a Service

New York Budget Bill Mandates File Scans for 3D Printers

The End of Software as a Business?

Exploring 1,400 reusable skills for AI coding tools