Medium-sized photos

Developers
7

Update on this, in front matter we now also have a new “small” size. Note that like “medium” it’s not always present, so best to check before using it. For example:

{{ range .Params.photos_with_metadata }}
  {{ if .sizes.small }}
     <img src="{{ .sizes.small }}">
  {{ else }}
     <img src="{{ .url }}">
  {{ end }}
{{ end }}

To summarize the scaling Micro.blog does for JPEGs:

  • default for photos: 1800x1800
  • medium: 1000x1000
  • small: 300x300

The front matter should look like this:

photos_with_metadata:
- url: https://cdn.uploads.micro.blog/10/2024/example.jpg
  width: 600
  height: 600
  sizes:
    medium: https://cdn.uploads.micro.blog/10/2024/example-m.jpg
    medium: https://cdn.uploads.micro.blog/10/2024/example-s.jpg