sanity-plugin-media/src/utils/imageDprUrl.ts

This version of `sanity-plugin-media` is for Sanity Studio V3.

import type {ImageAsset} from '../types'

const imageDprUrl = (
  asset: ImageAsset,
  options: {
    width: number
    height?: number
  }
): string => {
  const dpi =
    typeof window === 'undefined' || !window.devicePixelRatio
      ? 1
      : Math.round(window.devicePixelRatio)
  const imgH = options?.height ? options?.height * Math.max(1, dpi) : undefined
  const imgW = options.width * Math.max(1, dpi)

  const urlParams = new URLSearchParams()
  urlParams.append('fit', 'max')
  urlParams.append('w', imgW.toString())
  if (imgH) {
    urlParams.append('h', imgH.toString())
  }

  return `${asset.url}?${urlParams.toString()}`
}

export default imageDprUrl