repos/kloeckner.com.ar

Backup of part of my webpage
Commits Files Refs README LICENSE
commit d94ab8876ed3d81c635ebeef408454951760e87a
parent d7ce7274c270b2ee6379337a21829e05b9601236
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Sat, 19 Sep 2026 13:22:30 -0300

update: images in 'another-imagemagick-use-case-process-oscilloscope-screenshots'

Diffstat:
Mblog/another-imagemagick-use-case-process-oscilloscope-screenshots/another-imagemagick-use-case-process-oscilloscope-screenshots.md | 16++++++++++++----
Dblog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.png | 0
Ablog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.webp | 0
Ablog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s_back_trim.webp | 0
4 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/another-imagemagick-use-case-process-oscilloscope-screenshots.md b/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/another-imagemagick-use-case-process-oscilloscope-screenshots.md
@@ -12,9 +12,16 @@ this one I want to talk about another use case I found for ImageMagick: process
 oscilloscope screenshots to change the dark color scheme to a lighter one,
 making it suitable for reports and if desired, for printing.
 
+<!--
 <div class="centered-img">
     <img style="width: 38%" src="hds25s.png" alt="OWON HDS25s">
 </div>
+-->
+
+<div class="side-by-side">
+    <img style="max-width: 33%"  src="hds25s.webp" alt="Owon HDS25S front">
+    <img style="max-width: 55%" src="hds25s_back_trim.webp" alt="Owon HDS25S back">
+</div>
 
 Of course, ImageMagick has an infinite number of uses: converting images from
 one format to another, compressing images, applying filters, etc. But with these
@@ -28,8 +35,8 @@ screenshots fit nicely side by side on a PDF page because of the screen's 4:3
 aspect ratio.
 
 <div class="side-by-side">
-  <img src="sine_250.png" alt="Sine of frecuency 250 Hz">
-  <img src="sine_637.png" alt="Sine with frequency 637 Hz">
+  <img src="sine_250.png" alt="Sine with frecuency 250 Hz and dark scheme">
+  <img src="sine_637.png" alt="Sine with frequency 637 Hz and dark scheme">
 </div>
 
 As seen in the pictures above, the screenshots are clear and look nice, but when
@@ -105,8 +112,9 @@ the yellow color replaced with blue `#005FFF`.
 At the end, all the masks are combined on top of the previously created inverted
 greyscale image, resulting in the final image shown below.
 
-<div class="centered-img">
-    <img src="./sine_250_light.png" alt="OWON HDS25s">
+<div class="side-by-side">
+  <img src="sine_250_light.png" alt="Sine with frecuency 250 Hz and light scheme">
+  <img src="sine_637_light.png" alt="Sine with frequency 637 Hz and light scheme">
 </div>
 
 It is true that simply inverting the image would have been enough, but I think
diff --git a/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.png b/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.png
Binary files differ.
diff --git a/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.webp b/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s.webp
Binary files differ.
diff --git a/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s_back_trim.webp b/blog/another-imagemagick-use-case-process-oscilloscope-screenshots/hds25s_back_trim.webp
Binary files differ.