jensimmons, to random
@jensimmons@front-end.social avatar

Dear web developers & designers,

Now that you know what’s coming in Safari 17 — as well as what shipped in Safari 16.2-16.5 — what do you need in WebKit next?

Which web technology that’s already been standardized is highest priority? What brand new idea do you need invented?

jensimmons,
@jensimmons@front-end.social avatar
oblomov, to apple
@oblomov@sociale.network avatar

I'm generally not a big fan of (understatement of the century), but I've read about the next version of officially supporting and I'm really glad that this is happening. I'm looking forward to the associated changes to making it into the engine as it is used by other browsers too —and hopefully this will finally push @Mozilla into enabling in mainline OOTB.
1/

oblomov,
@oblomov@sociale.network avatar
jensimmons, to random
@jensimmons@front-end.social avatar

Yes, Safari 17 supports JPEG XL. On macOS Sonoma, macOS Ventura and macOS Monterey, as well as iOS, iPadOS, watchOS, and soon, visionOS.

We also added HEIC — especially for web apps that want to let users edit photos directly from the camera.

https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/#images

tech, to tech
@tech@unfufadoo.net avatar
lolcats, to animals
sohkamyung, to nature
@sohkamyung@mstdn.io avatar

Lovely shot.

"Our Observation of the Week is this mother and child Dusky Leaf Monkey (Trachypithecus obscurus) pair, seen in Malaysia by @recklessmantis!"

https://www.inaturalist.org/blog/80576-mother-and-child-dusky-leaf-monkeys-observation-of-the-week-5-31-23

Edent, to random
@Edent@mastodon.social avatar

🆕 blog! “Selectively Compressed Images - A Hybrid Format”

I have a screenshot of my phone's screen. It shows an app's user interface and a photo in the middle. Something like this: If I set the compression to be lossy - the photo looks good but the UI looks bad. If I set the compression to be lossless - the UI looks good but […]

👀 Read more: https://shkspr.mobi/blog/2023/06/selectively-compressed-images-a-hybrid-format/

blog, to ComputerScience
@blog@shkspr.mobi avatar

Selectively Compressed Images - A Hybrid Format
https://shkspr.mobi/blog/2023/06/selectively-compressed-images-a-hybrid-format/

I have a screenshot of my phone's screen. It shows an app's user interface and a photo in the middle. Something like this:

Screenshot of a camera app on a phone. The middle is a photo, the sides show the user interface.

If I set the compression to be lossy - the photo looks good but the UI looks bad.
If I set the compression to be lossless - the UI looks good but the filesize is huge.

Is there a way to selectively compress different parts of an image? I know WebP and AVIF are pretty magical but, as I understand it, the whole image is compressed with the same algorithm and the same settings.

There are two ways to do this. The impossible way and the cheating way.

Selective Compression

In theory it should be possible to tell an image format to compress some chunks of an image with a different compression algorithm.

And yet... none of the documentation I've found shows that's possible.

GiMP's native XCF and Photoshop's PSD files work; they store different layers each of which can have a different filetype. I understand that TIFF and .djvu also have that capability.

But those sorts of files don't display in web browsers.

So...

Let's Cheat!

It's possible to use an SVG to embed multiple images of different formats. SVG is used as, effectively, a layout engine.

The syntax is relatively straightforward:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1080 512">   <image width="1080" height="512" x="0" y="0"      xlink:href="data:image/jpeg;base64,..........."   />   <image width="1080" height="512" x="0" y="0"      xlink:href="data:image/png;base64,..........."   /></svg>

That draws the JPG then draws the PNG on top of it. If the PNG has a transparent section, the JPG will show through. The JPG can be set to as low a quality as you like and the PNG remains lossless.

Here's what it looks like - click for full size:

https://shkspr.mobi/blog/wp-content/uploads/2023/06/Mixed-Compression.svg

Embedded images are Base 64 encoded, which does lose some of the compression advantages. But, overall, it's smaller than a full PNG and better quality than a full JPG.

Look, if it's stupid but it works it's not stupid.

But surely there must be a way of doing this natively?

https://shkspr.mobi/blog/2023/06/selectively-compressed-images-a-hybrid-format/

stefan, (edited ) to accessibility
@stefan@stefanbohacek.online avatar

Do you caption images when sharing them in 1-on-1 messages?

funny, to random
mattblaze, to random
@mattblaze@federate.social avatar

Quick note: If you follow me, you probably noticed that I post occasional photos. Unfortunately, the default display behavior on most Mastodon instances and clients crops many images unless you click on them. I hate this, as does every other photographer here, but it's not likely to change any time soon.

You can disable this broken behavior in the Mastodon web interface by unchecking a box under display preferences.

But in any case, please be aware you might not be seeing the whole photo.

ahimsa_pdx,
@ahimsa_pdx@disabled.social avatar

@mattblaze Good reminder! I changed this setting as soon as I started using mastodon - so much nicer to see the full photo without having to click on it every time! 😁

nucliweb, to random
@nucliweb@webperf.social avatar

It is an honor to be part of the ambassador's team.

Thank you Cloudinary 😊

nic221, to ai
@nic221@techhub.social avatar
tech, to tech
@tech@unfufadoo.net avatar
startrek, to random
crickxson, to random

- Mean
" is an firm that, until April 2019, provided surveillance software to authorities that was used to monitor and track ; it had been flagged numerous times as having potential links to human-rights violations. It seems the combination of my name and face was not only used to optimize for , but that this optimization was swiftly put into practice to identify and track members of an ethnic minority in . The fact of my existence on the internet was enough to turn my face into a tool of literal wielded by an actually existing digital autocracy. [...] We interviewed [...] S., a student who did an internship in an ai start-up that offered personalized luxury travel recommendations to the better-off. His company’s communication strategy emphasized automation, with a recommender system allegedly based on users’ preferences extracted from social media. But behind the scenes, it outsourced all its processes to micro-providers in . It did no "
https://newleftreview.org/issues/ii140/articles/hito-steyerl-mean-images

mdmrn, to random
@mdmrn@urusai.social avatar

So many bots being used to make new art by learning about other people's art, not enough AI bots being used to scroll through and craft helpful for people.

aileenfyfe, to random

Over 30,000 archival items associated with scientific papers presented to the (London) are now available on the new 'Science in the Making' archive, covering 1665-1949.
https://makingscience.royalsociety.org/

Includes original manuscripts submitted to the RS; correspondence; lots of (many never published, and in colour); and >14,000 reports.

Essential browsing for historians of science, and not just science. (Search ''!)

og, to random

Lately I have been seeing so many posts with images and they are not including Alt text for accessibility.

If you are posting images please always put a Alt text saying what is or what it's showing so people with disability can understand what they are seeing.

helenajambor, to random

Roses are red,
DAPI is blue,
Scale bars are sweet,
Happy Images for you!

We ❤️microscopy! Our checklists for publishing understandable and accessible images and image analyses came out Feb 14: http://arxiv.org/abs/2302.07005
Please use it!

Edent, to art
@Edent@mastodon.social avatar

Turning an eInk screen into a monochrome art gallery

Previously on Terence Eden's Blog: I turned an old eReader into an Information Screen.

This time, I'm taking a different Nook, and turning it into a magic gallery. Here's what it looks like in action:

https://twitter.com/edent/status/1440788013236195335

Video

With the front light off:

With

https://shkspr.mobi/blog/2021/09/turning-an-eink-screen-into-a-monochrome-art-gallery/

#/etc/ #art #eink #images #nook #php #tutorial

Edent, to opensource
@Edent@mastodon.social avatar
Edent, to webdev
@Edent@mastodon.social avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • kavyap
  • DreamBathrooms
  • cisconetworking
  • khanakhh
  • mdbf
  • magazineikmin
  • modclub
  • InstantRegret
  • rosin
  • Youngstown
  • slotface
  • Durango
  • tacticalgear
  • JUstTest
  • ngwrru68w68
  • everett
  • normalnudes
  • cubers
  • tester
  • thenastyranch
  • osvaldo12
  • GTA5RPClips
  • ethstaker
  • Leos
  • anitta
  • provamag3
  • lostlight
  • All magazines