webp->png for better responsive images

torbjornbp · Aug 16, 2024 · e5491f5 · e5491f5
1 parent 515d03e
commit e5491f5
Show file tree

Hide file tree

Showing 72 changed files with 21 additions and 23 deletions.
diff --git a/content/post/2016-06-06-Cherokee93/index.md b/content/post/2016-06-06-Cherokee93/index.md
@@ -17,4 +17,4 @@ Mix of southern 90s rap, with an emphasis on Memphis.
 Micro run of 20 tapes made at Tapedub, Berlin.
 [Bandcamp](https://rmtapes.bandcamp.com/album/cherokee-93-extended "Cherokee 93 on bandcamp")
 
-![Physical format](0007597003_10.jpg)
+![A photo of the cherokee 93 cassette tape](0007597003_10.jpg)
diff --git a/content/post/2018-11-05-pleasuredome-backdrops/index.md b/content/post/2018-11-05-pleasuredome-backdrops/index.md
@@ -8,7 +8,7 @@ tags:
   - video synthesis
   - glitch
 images:
-  - pleasuredome1.webp
+  - pleasuredome1.jpg
 aliases: "/pleasuredome-backdrops.html"
 ---
 
@@ -22,4 +22,4 @@ Made using the LZX Vidiot, 3trinsRGB+1c, BPMC premium cable and an assortment of
 
 ---
 
-![Screenshot](pleasuredome1.webp)
+![Screenshot from the Pleasuredome video](pleasuredome1.jpg)
diff --git a/content/post/2018-11-05-pleasuredome-backdrops/pleasuredome1.jpg b/content/post/2018-11-05-pleasuredome-backdrops/pleasuredome1.jpg
diff --git a/content/post/2018-11-05-pleasuredome-backdrops/pleasuredome1.webp b/content/post/2018-11-05-pleasuredome-backdrops/pleasuredome1.webp
diff --git a/content/post/2020-12-01-risoprinting/index.md b/content/post/2020-12-01-risoprinting/index.md
@@ -17,8 +17,8 @@ Three layer risoprint of a photography processed using Stochaster.
 
 ---
 
-![Physical format](utsikten1.jpg)
+![A close up of the finished risoprint](utsikten1.jpg)
 
 ---
 
-![Physical format](utsikten2.jpg)
+![Digital draft of the risoprint](utsikten2.jpg)
diff --git a/content/post/2020-12-01-risoprinting/utsikten1.webp b/content/post/2020-12-01-risoprinting/utsikten1.webp
diff --git a/content/post/2020-12-01-risoprinting/utsikten2.webp b/content/post/2020-12-01-risoprinting/utsikten2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/index.md b/content/post/2023-05-09-reference-images-for-grading/index.md
@@ -5,7 +5,7 @@ description: An attempt to document film tints and make useful reference images
 categories: 
   - work stuff
 images:
-  - reference.webp
+  - reference.jpg
 aliases: "/reference-images-for-grading.html"
 ---
 
@@ -69,8 +69,7 @@ I also applied a simple and consistent contrast change to my photos, to compensa
 Before using the photos I applied a white point adjustment to D65, for grading in rec709.
 You need to pay some attention to colour spaces here!
 
-
-{{< figure src="tripod.webp" caption="Camera and tripod setup">}}
+![A photo showing a tripod with a camera, over a film inspection table](tripod.jpg "Camera and tripod setup")
 
 ## Results
 Working like this produced good results, with reference images that very accurately reproduced the colours of the film as I saw them on the light box. 
@@ -88,8 +87,7 @@ Another thing to note here is that, while the colours might not be 100% accurate
 Eg. "tint X" is greener than "tint Y".
 Documenting that yellow 1 has redder mid-tones/shadows than yellow 2 for example is valuable information.
 
-
-{{< figure src="reference2.webp" caption="Two different yellows">}}
+![A reference image showing two slightly different yellow tints](reference2.jpg "Two different yellows")
 
 As long as you are aware of the limitations of what you are doing, I think this is a valid approach for documenting film colours - at least in the short term for grading help.
 
@@ -99,7 +97,7 @@ For example of documentation of damages to the film.
 
 For the film in question I took around 100 reference images like this.
 
-{{< figure src="reference.webp" caption="Typical reference image">}}
+![A reference image showing an aquamarine and red tint](reference.jpg "Typical reference image")
 
 If I were to do this for other film material more routinely, I would do some changes to my approach:
 - I would use the camera tethered to a computer, so that I could use remotely trigger the shutter, adjust focus better, do reviews of the images' "representativeness" more effectively, as well as apply contrast/white point adjustments for further use automatically.
@@ -141,15 +139,15 @@ The actual colour is somewhere in between what the Scanity captured and the refe
 
 | Tint | Scanity | Spinner | Reference |
 |:--|:--|:--|:--|
-| Green 1 | ![](scanity-green-1.webp) | ![](spinner-green-1.webp) | ![](ref-green-1.webp) |
-| Green 2 | ![](scanity-green-2.webp) | ![](spinner-green-2.webp) | ![](ref-green-2.webp) |
-| Yellow 1 | ![](scanity-yellow-1.webp) | ![](spinner-yellow-1.webp) | ![](ref-yellow-1.webp) |
-| Yellow 2 | ![](scanity-yellow-2.webp) | ![](spinner-yellow-2.webp) | ![](ref-yellow-2.webp) |
-| Red 1 | ![](scanity-red-1.webp) | ![](spinner-red-1.webp) | ![](ref-red-1.webp) |
-| Red 2 | ![](scanity-red-2.webp) | ![](spinner-red-2.webp) | ![](ref-red-2.webp) |
-| Coral | ![](scanity-coral-1.webp) | ![](spinner-coral-1.webp) | ![](ref-coral-1.webp) |
-| Aquamarine/Cyan | ![](scanity-cyan-1.webp) | ![](spinner-cyan-1.webp) | ![](ref-cyan-1.webp) |
-| Black/white | ![](scanity-bw-1.webp) | ![](spinner-bw-1.webp) | ![](ref-bw-1.webp) |
+| Green 1 | ![](scanity-green-1.png) | ![](spinner-green-1.png) | ![](ref-green-1.png) |
+| Green 2 | ![](scanity-green-2.png) | ![](spinner-green-2.png) | ![](ref-green-2.png) |
+| Yellow 1 | ![](scanity-yellow-1.png) | ![](spinner-yellow-1.png) | ![](ref-yellow-1.png) |
+| Yellow 2 | ![](scanity-yellow-2.png) | ![](spinner-yellow-2.png) | ![](ref-yellow-2.png) |
+| Red 1 | ![](scanity-red-1.png) | ![](spinner-red-1.png) | ![](ref-red-1.png) |
+| Red 2 | ![](scanity-red-2.png) | ![](spinner-red-2.png) | ![](ref-red-2.png) |
+| Coral | ![](scanity-coral-1.png) | ![](spinner-coral-1.png) | ![](ref-coral-1.png) |
+| Aquamarine/Cyan | ![](scanity-cyan-1.png) | ![](spinner-cyan-1.png) | ![](ref-cyan-1.png) |
+| Black/white | ![](scanity-bw-1.png) | ![](spinner-bw-1.png) | ![](ref-bw-1.png) |
 
 ## Grading?
 With the reference images made, how do we grade it? It's a different topic, but I've never managed to decide on which grading approach give the best results and is the most practical: 

diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-bw-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-bw-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-bw-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-bw-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-coral-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-coral-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-coral-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-coral-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-cyan-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-cyan-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-cyan-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-cyan-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-green-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-green-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-green-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-green-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-green-2.png b/content/post/2023-05-09-reference-images-for-grading/ref-green-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-green-2.webp b/content/post/2023-05-09-reference-images-for-grading/ref-green-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-red-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-red-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-red-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-red-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-red-2.png b/content/post/2023-05-09-reference-images-for-grading/ref-red-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-red-2.webp b/content/post/2023-05-09-reference-images-for-grading/ref-red-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-yellow-1.png b/content/post/2023-05-09-reference-images-for-grading/ref-yellow-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-yellow-1.webp b/content/post/2023-05-09-reference-images-for-grading/ref-yellow-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-yellow-2.png b/content/post/2023-05-09-reference-images-for-grading/ref-yellow-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/ref-yellow-2.webp b/content/post/2023-05-09-reference-images-for-grading/ref-yellow-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/reference.jpg b/content/post/2023-05-09-reference-images-for-grading/reference.jpg
diff --git a/content/post/2023-05-09-reference-images-for-grading/reference.webp b/content/post/2023-05-09-reference-images-for-grading/reference.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/reference2.jpg b/content/post/2023-05-09-reference-images-for-grading/reference2.jpg
diff --git a/content/post/2023-05-09-reference-images-for-grading/reference2.webp b/content/post/2023-05-09-reference-images-for-grading/reference2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-bw-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-bw-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-bw-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-bw-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-coral-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-coral-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-coral-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-coral-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-cyan-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-cyan-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-cyan-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-cyan-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-green-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-green-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-green-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-green-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-green-2.png b/content/post/2023-05-09-reference-images-for-grading/scanity-green-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-green-2.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-green-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-red-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-red-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-red-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-red-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-red-2.png b/content/post/2023-05-09-reference-images-for-grading/scanity-red-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-red-2.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-red-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-1.png b/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-1.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-2.png b/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-2.webp b/content/post/2023-05-09-reference-images-for-grading/scanity-yellow-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-bw-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-bw-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-bw-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-bw-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-coral-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-coral-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-coral-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-coral-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-cyan-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-cyan-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-cyan-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-cyan-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-green-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-green-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-green-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-green-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-green-2.png b/content/post/2023-05-09-reference-images-for-grading/spinner-green-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-green-2.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-green-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-red-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-red-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-red-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-red-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-red-2.png b/content/post/2023-05-09-reference-images-for-grading/spinner-red-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-red-2.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-red-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-1.png b/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-1.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-1.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-1.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-2.png b/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-2.png
diff --git a/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-2.webp b/content/post/2023-05-09-reference-images-for-grading/spinner-yellow-2.webp
diff --git a/content/post/2023-05-09-reference-images-for-grading/tripod.jpg b/content/post/2023-05-09-reference-images-for-grading/tripod.jpg
diff --git a/content/post/2023-05-09-reference-images-for-grading/tripod.webp b/content/post/2023-05-09-reference-images-for-grading/tripod.webp
diff --git a/content/post/2023-08-21-text-extraction/index.md b/content/post/2023-08-21-text-extraction/index.md
@@ -108,4 +108,4 @@ Looking back at it, I'm amazed at what I managed to achieve with my limited expe
 
 The script can be found here: [https://github.com/torbjornbp/video-ocr2srt](https://github.com/torbjornbp/video-ocr2srt "video ocr2srt repository on github")
 
-{{< figure src="srtscreenshot.webp" caption="Functional SRT">}}
+![A screenshot showing an intertitle with a functional SRT caption](srtscreenshot.png "Functional SRT")
diff --git a/content/post/2023-08-21-text-extraction/srtscreenshot.png b/content/post/2023-08-21-text-extraction/srtscreenshot.png
diff --git a/content/post/2023-08-21-text-extraction/srtscreenshot.webp b/content/post/2023-08-21-text-extraction/srtscreenshot.webp
diff --git a/content/post/2023-11-13-kodacolor-identification/index.md b/content/post/2023-11-13-kodacolor-identification/index.md
@@ -9,9 +9,9 @@ aliases: "/kodacolor-identification.html"
 
 ### Kodacolor lenticules
 
-{{< figure src="kodacolor_lenticules.jpg" alt="Kodacolor lenticules">}}
+![An image barely showing the kodacolor striped lenticules](kodacolor_lenticules.jpg)
 
-{{< figure src="kodacolor_lenticules_zoomed.jpg" alt="Kodacolor lenticules zoomed">}}
+![A zoomed image showing the kodacolor striped lenticules](kodacolor_lenticules_zoomed.jpg)
 
 ### Kodacolor sheen
 <video width="100%" autoplay muted loop playsinline>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -108,4 +108,4 @@ Looking back at it, I'm amazed at what I managed to achieve with my limited expe

		The script can be found here: [https://github.com/torbjornbp/video-ocr2srt](https://github.com/torbjornbp/video-ocr2srt "video ocr2srt repository on github")

		{{< figure src="srtscreenshot.webp" caption="Functional SRT">}}
		![A screenshot showing an intertitle with a functional SRT caption](srtscreenshot.png "Functional SRT")