ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

The image srcset property is primarily used to serve resized images for responsive layouts. However, it can also serve uniquely different images, significantly improving a visitor's experience and engagement on a web page. coywolf.pro/webdev/why-y... #WebDesign #WebDev #HTML

Mar 30, 2025, 6:06 PM

Record data

{
  "uri": "at://did:plc:dwgssqvqhdhug3uq4t5jmesr/app.bsky.feed.post/3llmgpaixlc2a",
  "cid": "bafyreie6t5tjzyfdyidilwsq6tsgtrew5qa2tysga7v5vbrnzui72tzz3i",
  "value": {
    "text": "The image srcset property is primarily used to serve resized images for responsive layouts. However, it can also serve uniquely different images, significantly improving a visitor's experience and engagement on a web page.\n\ncoywolf.pro/webdev/why-y...\n\n#WebDesign #WebDev #HTML",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://coywolf.pro/webdev/why-you-should-do-more-than-resizing-images-with-the-srcset-property/",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreig3relgbjlso3vtdlhf57wrq2f6wusipanh7iotgwd6a44ddnxdpi"
          },
          "mimeType": "image/jpeg",
          "size": 415950
        },
        "title": "Why you should do more than resizing images with the srcset property",
        "description": "The image srcset property is primarily used to serve resized images for responsive layouts. However, it can also serve uniquely different images, significantly improving a visitor's experience and eng..."
      }
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 251,
          "byteStart": 224
        },
        "features": [
          {
            "uri": "https://coywolf.pro/webdev/why-you-should-do-more-than-resizing-images-with-the-srcset-property/",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 263,
          "byteStart": 253
        },
        "features": [
          {
            "tag": "WebDesign",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 271,
          "byteStart": 264
        },
        "features": [
          {
            "tag": "WebDev",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 277,
          "byteStart": 272
        },
        "features": [
          {
            "tag": "HTML",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      }
    ],
    "createdAt": "2025-03-30T18:06:41.641Z"
  }
}