@adamwathan: I can see that @tailwindcss applies responsive breakpoints, but it won't progressively make the files themselves smaller. Right?
Are people somehow incorporating @modernizr into their Tailwind stack?
-
-
Pokaż ten wątek
-
@reinink: does Glide encode WebP files on the fly? I don't exactly get how it works. If I use <img src="kayaks.jpg?w=600&fm=webp">, what happens?pic.twitter.com/OS4J3zzycW
Pokaż ten wątek
Koniec rozmowy
Nowa rozmowa -
-
-
Do you need to solve this yourself or can you just use a service that has already solved it to host your images?
Dziękujemy. Twitter skorzysta z tych informacji, aby Twoja oś czasu bardziej Ci odpowiadała. CofnijCofnij
-
-
-
@cloudinary to the rescue -
Yeah, I signed up for that. How does it work?
Feels like I should be able to do all this stuff locally and just push it up to the server:
- Dynamically generate WebP images for all my JPGs and PNGs.
- Easily introduce WebP into my code (with JPG/PNG fallbacks) - Pokaż odpowiedzi
Nowa rozmowa -
-
-
What are you actually trying to do? I might be able to suggest a solution then.
Dziękujemy. Twitter skorzysta z tych informacji, aby Twoja oś czasu bardziej Ci odpowiadała. CofnijCofnij
-
-
-
You can do this with cloudinary and a little js
-
In the img-tag, add the lowest res image you can live with. Then as data-src-tags, add high and low rez. When page loads, figure out if its mobile or not and switch src-tag with js
Koniec rozmowy
Nowa rozmowa -
-
-
some JS frameworks like Gridsome solve this problem right out of the box. Use highest quality image you have and done.
-
Which frameworks?
Koniec rozmowy
Nowa rozmowa -
Wydaje się, że ładowanie zajmuje dużo czasu.
Twitter jest przeciążony lub wystąpił chwilowy problem. Spróbuj ponownie lub sprawdź status Twittera, aby uzyskać więcej informacji.
building