michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize images for better pixel density

Browse Source
This commit is contained in:
Michal Vanko 2021-04-21 18:15:36 +02:00
parent 144bde2d50
commit 069152215d
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/markdown/renderer-extension.ts
View File

@ -1,3 +1,7 @@
function getNFResize(href: string, height: number, width: number) {
return `${href}?nf_resize=fit&h=${height}&w=${width}`
}
export const renderer = {
heading(text: string, level: string) {
const escapedText = text.toLowerCase().replace(/[^\w]+/g, '-')
@ -14,12 +18,20 @@ export const renderer = {
image(href: string, title: string, text: string) {
const figcaption = title ? `<figcaption>${title}</figcaption>` : ''
const isLocal = !href.startsWith('http')
const src = isLocal ? `${href}?nf_resize=fit&h=640&w=640` : href
const src = isLocal ? getNFResize(href, 640, 640) : href
const srcset = isLocal
? `srcset="${getNFResize(href, 640, 640)}, ${getNFResize(
href,
960,
960
)} 1.5x, ${getNFResize(href, 1280, 1280)} 2x"`
: ''
return `
<figure>
<img
alt="${text}"
${srcset}
src="${src}"
/>
${figcaption}