diff --git a/translated_images/1.b6da8c1394b07491.mo.png b/translated_images/1.b6da8c1394b07491.mo.png
deleted file mode 100644
index 19907c3dc..000000000
Binary files a/translated_images/1.b6da8c1394b07491.mo.png and /dev/null differ
diff --git a/translated_images/1.b6da8c1394b07491.ur.png b/translated_images/1.b6da8c1394b07491.ur.png
deleted file mode 100644
index 8e27f9e0c..000000000
Binary files a/translated_images/1.b6da8c1394b07491.ur.png and /dev/null differ
diff --git a/translated_images/1.b6da8c1394b07491.zh.png b/translated_images/1.b6da8c1394b07491.zh.png
deleted file mode 100644
index 4ca84ef40..000000000
Binary files a/translated_images/1.b6da8c1394b07491.zh.png and /dev/null differ
diff --git a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.mo.png b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.mo.png
deleted file mode 100644
index 19907c3dc..000000000
Binary files a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.mo.png and /dev/null differ
diff --git a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.ur.png b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.ur.png
deleted file mode 100644
index 8e27f9e0c..000000000
Binary files a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.ur.png and /dev/null differ
diff --git a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.zh.png b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.zh.png
deleted file mode 100644
index 4ca84ef40..000000000
Binary files a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.zh.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d.mo.png b/translated_images/1.cc07a5cbe114ad1d.mo.png
deleted file mode 100644
index b568c7856..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d.mo.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d.ur.png b/translated_images/1.cc07a5cbe114ad1d.ur.png
deleted file mode 100644
index 75eb82065..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d.ur.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d.zh.png b/translated_images/1.cc07a5cbe114ad1d.zh.png
deleted file mode 100644
index 396fbb798..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d.zh.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.mo.png b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.mo.png
deleted file mode 100644
index b568c7856..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.mo.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.ur.png b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.ur.png
deleted file mode 100644
index 75eb82065..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.ur.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.zh.png b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.zh.png
deleted file mode 100644
index 396fbb798..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.zh.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff08042246.mo.png b/translated_images/2.1dae52ff08042246.mo.png
deleted file mode 100644
index 9c902483e..000000000
Binary files a/translated_images/2.1dae52ff08042246.mo.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff08042246.ur.png b/translated_images/2.1dae52ff08042246.ur.png
deleted file mode 100644
index 5bd882fdd..000000000
Binary files a/translated_images/2.1dae52ff08042246.ur.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff08042246.zh.png b/translated_images/2.1dae52ff08042246.zh.png
deleted file mode 100644
index 206e2226a..000000000
Binary files a/translated_images/2.1dae52ff08042246.zh.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.mo.png b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.mo.png
deleted file mode 100644
index 9c902483e..000000000
Binary files a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.mo.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.ur.png b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.ur.png
deleted file mode 100644
index 5bd882fdd..000000000
Binary files a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.ur.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.zh.png b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.zh.png
deleted file mode 100644
index 206e2226a..000000000
Binary files a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.zh.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.mo.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.mo.png
deleted file mode 100644
index 063cc78c6..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.mo.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ur.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ur.png
deleted file mode 100644
index 739902325..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ur.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.zh.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.zh.png
deleted file mode 100644
index 2194fc030..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.zh.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.mo.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.mo.png
deleted file mode 100644
index 063cc78c6..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.mo.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.ur.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.ur.png
deleted file mode 100644
index 739902325..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.ur.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.zh.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.zh.png
deleted file mode 100644
index 2194fc030..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.zh.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde5730.mo.png b/translated_images/background.148a8d43afde5730.mo.png
deleted file mode 100644
index cd5e7b544..000000000
Binary files a/translated_images/background.148a8d43afde5730.mo.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde5730.ur.png b/translated_images/background.148a8d43afde5730.ur.png
deleted file mode 100644
index 8a2bb7857..000000000
Binary files a/translated_images/background.148a8d43afde5730.ur.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde5730.zh.png b/translated_images/background.148a8d43afde5730.zh.png
deleted file mode 100644
index fc1db82d6..000000000
Binary files a/translated_images/background.148a8d43afde5730.zh.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.mo.png b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.mo.png
deleted file mode 100644
index cd5e7b544..000000000
Binary files a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.mo.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.ur.png b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.ur.png
deleted file mode 100644
index 8a2bb7857..000000000
Binary files a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.ur.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.zh.png b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.zh.png
deleted file mode 100644
index fc1db82d6..000000000
Binary files a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.zh.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8.mo.png b/translated_images/backgroundColor.e19c3c60768150c8.mo.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8.mo.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8.ur.png b/translated_images/backgroundColor.e19c3c60768150c8.ur.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8.ur.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8.zh.png b/translated_images/backgroundColor.e19c3c60768150c8.zh.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8.zh.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.mo.png b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.mo.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.mo.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.ur.png b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.ur.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.ur.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.zh.png b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.zh.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.zh.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf6778.mo.png b/translated_images/browser-console.efaf0b51aaaf6778.mo.png
deleted file mode 100644
index eb71018d5..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf6778.mo.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf6778.ur.png b/translated_images/browser-console.efaf0b51aaaf6778.ur.png
deleted file mode 100644
index c2d0e1f86..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf6778.ur.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf6778.zh.png b/translated_images/browser-console.efaf0b51aaaf6778.zh.png
deleted file mode 100644
index b2afde336..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf6778.zh.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.mo.png b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.mo.png
deleted file mode 100644
index eb71018d5..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.mo.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.ur.png b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.ur.png
deleted file mode 100644
index c2d0e1f86..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.ur.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.zh.png b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.zh.png
deleted file mode 100644
index b2afde336..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.zh.png and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84a.mo.jpg b/translated_images/browser.60317c9be8b7f84a.mo.jpg
deleted file mode 100644
index fac325fbe..000000000
Binary files a/translated_images/browser.60317c9be8b7f84a.mo.jpg and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84a.ur.jpg b/translated_images/browser.60317c9be8b7f84a.ur.jpg
deleted file mode 100644
index f459b2c1e..000000000
Binary files a/translated_images/browser.60317c9be8b7f84a.ur.jpg and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84a.zh.jpg b/translated_images/browser.60317c9be8b7f84a.zh.jpg
deleted file mode 100644
index 5da61c1c3..000000000
Binary files a/translated_images/browser.60317c9be8b7f84a.zh.jpg and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.mo.jpg b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.mo.jpg
deleted file mode 100644
index fac325fbe..000000000
Binary files a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.mo.jpg and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.ur.jpg b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.ur.jpg
deleted file mode 100644
index f459b2c1e..000000000
Binary files a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.ur.jpg and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.zh.jpg b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.zh.jpg
deleted file mode 100644
index 5da61c1c3..000000000
Binary files a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.zh.jpg and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff.mo.png b/translated_images/canvas.fbd605ff8e5b8aff.mo.png
deleted file mode 100644
index 97b75a531..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff.mo.png and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff.ur.png b/translated_images/canvas.fbd605ff8e5b8aff.ur.png
deleted file mode 100644
index 45d95d434..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff.ur.png and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff.zh.png b/translated_images/canvas.fbd605ff8e5b8aff.zh.png
deleted file mode 100644
index 5555862e7..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff.zh.png and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.mo.png b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.mo.png
deleted file mode 100644
index 97b75a531..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.mo.png and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.ur.png b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.ur.png
deleted file mode 100644
index 45d95d434..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.ur.png and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.zh.png b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.zh.png
deleted file mode 100644
index 5555862e7..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.zh.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492.mo.png b/translated_images/canvas_grid.5f209da785ded492.mo.png
deleted file mode 100644
index 043df6eac..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492.mo.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492.ur.png b/translated_images/canvas_grid.5f209da785ded492.ur.png
deleted file mode 100644
index af78f33d9..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492.ur.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492.zh.png b/translated_images/canvas_grid.5f209da785ded492.zh.png
deleted file mode 100644
index ebe4e3fd6..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492.zh.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.mo.png b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.mo.png
deleted file mode 100644
index 043df6eac..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.mo.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.ur.png b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.ur.png
deleted file mode 100644
index af78f33d9..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.ur.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.zh.png b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.zh.png
deleted file mode 100644
index ebe4e3fd6..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.zh.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693.mo.png b/translated_images/character.5c0dd8e067ffd693.mo.png
deleted file mode 100644
index 29e9a1fe8..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693.mo.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693.ur.png b/translated_images/character.5c0dd8e067ffd693.ur.png
deleted file mode 100644
index 6da313755..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693.ur.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693.zh.png b/translated_images/character.5c0dd8e067ffd693.zh.png
deleted file mode 100644
index 4e6d15f7b..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693.zh.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.mo.png b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.mo.png
deleted file mode 100644
index 29e9a1fe8..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.mo.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.ur.png b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.ur.png
deleted file mode 100644
index 6da313755..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.ur.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.zh.png b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.zh.png
deleted file mode 100644
index 4e6d15f7b..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.zh.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca.mo.png b/translated_images/click-register.e89a30bf0d4bc9ca.mo.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca.mo.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca.ur.png b/translated_images/click-register.e89a30bf0d4bc9ca.ur.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca.ur.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca.zh.png b/translated_images/click-register.e89a30bf0d4bc9ca.zh.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca.zh.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.mo.png b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.mo.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.mo.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.ur.png b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.ur.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.ur.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.zh.png b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.zh.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.zh.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57.mo.png b/translated_images/clone_repo.5085c48d666ead57.mo.png
deleted file mode 100644
index dd839ffb6..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57.mo.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57.ur.png b/translated_images/clone_repo.5085c48d666ead57.ur.png
deleted file mode 100644
index 8610d9547..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57.ur.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57.zh.png b/translated_images/clone_repo.5085c48d666ead57.zh.png
deleted file mode 100644
index 8a5d23e3d..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57.zh.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.mo.png b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.mo.png
deleted file mode 100644
index dd839ffb6..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.mo.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.ur.png b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.ur.png
deleted file mode 100644
index 8610d9547..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.ur.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.zh.png b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.zh.png
deleted file mode 100644
index 8a5d23e3d..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.zh.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd.mo.png b/translated_images/clone_repo.6a202fb230ab6bdd.mo.png
deleted file mode 100644
index 9ca8f4e65..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd.mo.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd.ur.png b/translated_images/clone_repo.6a202fb230ab6bdd.ur.png
deleted file mode 100644
index 66c9b2a51..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd.ur.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd.zh.png b/translated_images/clone_repo.6a202fb230ab6bdd.zh.png
deleted file mode 100644
index 6eb167fdf..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd.zh.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.mo.png b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.mo.png
deleted file mode 100644
index 9ca8f4e65..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.mo.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.ur.png b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.ur.png
deleted file mode 100644
index 66c9b2a51..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.ur.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.zh.png b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.zh.png
deleted file mode 100644
index 6eb167fdf..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.zh.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d.mo.png b/translated_images/codespace.bcecbdf5d2747d3d.mo.png
deleted file mode 100644
index ea4caf4fa..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d.mo.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d.ur.png b/translated_images/codespace.bcecbdf5d2747d3d.ur.png
deleted file mode 100644
index 490e92972..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d.ur.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d.zh.png b/translated_images/codespace.bcecbdf5d2747d3d.zh.png
deleted file mode 100644
index da6bd4127..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d.zh.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.mo.png b/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.mo.png
deleted file mode 100644
index ea4caf4fa..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.mo.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.ur.png b/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.ur.png
deleted file mode 100644
index 490e92972..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.ur.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.zh.png b/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.zh.png
deleted file mode 100644
index da6bd4127..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.zh.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af99.mo.png b/translated_images/create-a-fork.297ab42b4bd0af99.mo.png
deleted file mode 100644
index 692edc7c7..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af99.mo.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af99.ur.png b/translated_images/create-a-fork.297ab42b4bd0af99.ur.png
deleted file mode 100644
index 0cd386d5b..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af99.ur.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af99.zh.png b/translated_images/create-a-fork.297ab42b4bd0af99.zh.png
deleted file mode 100644
index ce71cb069..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af99.zh.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.mo.png b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.mo.png
deleted file mode 100644
index 692edc7c7..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.mo.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.ur.png b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.ur.png
deleted file mode 100644
index 0cd386d5b..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.ur.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.zh.png b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.zh.png
deleted file mode 100644
index ce71cb069..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.zh.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3eb.mo.png b/translated_images/create-new-file-pb.0797800d977ec3eb.mo.png
deleted file mode 100644
index 101ca031e..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3eb.mo.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3eb.ur.png b/translated_images/create-new-file-pb.0797800d977ec3eb.ur.png
deleted file mode 100644
index f1593e269..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3eb.ur.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3eb.zh.png b/translated_images/create-new-file-pb.0797800d977ec3eb.zh.png
deleted file mode 100644
index 850891f6e..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3eb.zh.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.mo.png b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.mo.png
deleted file mode 100644
index 101ca031e..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.mo.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.ur.png b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.ur.png
deleted file mode 100644
index f1593e269..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.ur.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.zh.png b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.zh.png
deleted file mode 100644
index 850891f6e..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.zh.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb.mo.png b/translated_images/create-new-file.2814e609c2af9aeb.mo.png
deleted file mode 100644
index 7da831be2..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb.mo.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb.ur.png b/translated_images/create-new-file.2814e609c2af9aeb.ur.png
deleted file mode 100644
index bdcc7bfe1..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb.ur.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb.zh.png b/translated_images/create-new-file.2814e609c2af9aeb.zh.png
deleted file mode 100644
index cb8c88e91..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb.zh.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.mo.png b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.mo.png
deleted file mode 100644
index 7da831be2..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.mo.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.ur.png b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.ur.png
deleted file mode 100644
index bdcc7bfe1..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.ur.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.zh.png b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.zh.png
deleted file mode 100644
index cb8c88e91..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.zh.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955.mo.png b/translated_images/createcodespace.0238bbf4d7a8d955.mo.png
deleted file mode 100644
index c68e59487..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955.mo.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955.ur.png b/translated_images/createcodespace.0238bbf4d7a8d955.ur.png
deleted file mode 100644
index 1d1ce94ce..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955.ur.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955.zh.png b/translated_images/createcodespace.0238bbf4d7a8d955.zh.png
deleted file mode 100644
index cbf91716f..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955.zh.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.mo.png b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.mo.png
deleted file mode 100644
index c68e59487..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.mo.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.ur.png b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.ur.png
deleted file mode 100644
index 1d1ce94ce..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.ur.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.zh.png b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.zh.png
deleted file mode 100644
index cbf91716f..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.zh.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc8.mo.png b/translated_images/data-flow.fa2354e0908fecc8.mo.png
deleted file mode 100644
index 800068217..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc8.mo.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc8.ur.png b/translated_images/data-flow.fa2354e0908fecc8.ur.png
deleted file mode 100644
index 6c3b33c6f..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc8.ur.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc8.zh.png b/translated_images/data-flow.fa2354e0908fecc8.zh.png
deleted file mode 100644
index f52266357..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc8.zh.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.mo.png b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.mo.png
deleted file mode 100644
index 800068217..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.mo.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.ur.png b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.ur.png
deleted file mode 100644
index 6c3b33c6f..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.ur.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.zh.png b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.zh.png
deleted file mode 100644
index f52266357..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.zh.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b323.mo.png b/translated_images/default-vscode-dev.5d06881d65c1b323.mo.png
deleted file mode 100644
index 2cdc9ff2d..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b323.mo.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b323.ur.png b/translated_images/default-vscode-dev.5d06881d65c1b323.ur.png
deleted file mode 100644
index f0ba121cc..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b323.ur.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b323.zh.png b/translated_images/default-vscode-dev.5d06881d65c1b323.zh.png
deleted file mode 100644
index 19762f42c..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b323.zh.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.mo.png b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.mo.png
deleted file mode 100644
index 2cdc9ff2d..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.mo.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.ur.png b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.ur.png
deleted file mode 100644
index f0ba121cc..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.ur.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.zh.png b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.zh.png
deleted file mode 100644
index 19762f42c..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.zh.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f1.mo.png b/translated_images/dialog.93bba104afeb79f1.mo.png
deleted file mode 100644
index 3242a193c..000000000
Binary files a/translated_images/dialog.93bba104afeb79f1.mo.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f1.ur.png b/translated_images/dialog.93bba104afeb79f1.ur.png
deleted file mode 100644
index 19c2fe0dc..000000000
Binary files a/translated_images/dialog.93bba104afeb79f1.ur.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f1.zh.png b/translated_images/dialog.93bba104afeb79f1.zh.png
deleted file mode 100644
index 2209bc155..000000000
Binary files a/translated_images/dialog.93bba104afeb79f1.zh.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.mo.png b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.mo.png
deleted file mode 100644
index 3242a193c..000000000
Binary files a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.mo.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.ur.png b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.ur.png
deleted file mode 100644
index 19c2fe0dc..000000000
Binary files a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.ur.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.zh.png b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.zh.png
deleted file mode 100644
index 2209bc155..000000000
Binary files a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.zh.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba92.mo.png b/translated_images/dom-tree.7daf0e763cbbba92.mo.png
deleted file mode 100644
index 0edc6bbd1..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba92.mo.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba92.ur.png b/translated_images/dom-tree.7daf0e763cbbba92.ur.png
deleted file mode 100644
index 47d11a22c..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba92.ur.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba92.zh.png b/translated_images/dom-tree.7daf0e763cbbba92.zh.png
deleted file mode 100644
index 8e7e75050..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba92.zh.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.mo.png b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.mo.png
deleted file mode 100644
index 0edc6bbd1..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.mo.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.ur.png b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.ur.png
deleted file mode 100644
index 47d11a22c..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.ur.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.zh.png b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.zh.png
deleted file mode 100644
index 8e7e75050..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.zh.png and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42d.mo.jpg b/translated_images/earlybrowsers.d984b711cdf3a42d.mo.jpg
deleted file mode 100644
index 07fe32a92..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42d.mo.jpg and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42d.ur.jpg b/translated_images/earlybrowsers.d984b711cdf3a42d.ur.jpg
deleted file mode 100644
index b84f3a303..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42d.ur.jpg and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42d.zh.jpg b/translated_images/earlybrowsers.d984b711cdf3a42d.zh.jpg
deleted file mode 100644
index 1ebf714d8..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42d.zh.jpg and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.mo.jpg b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.mo.jpg
deleted file mode 100644
index 07fe32a92..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.mo.jpg and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.ur.jpg b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.ur.jpg
deleted file mode 100644
index b84f3a303..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.ur.jpg and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.zh.jpg b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.zh.jpg
deleted file mode 100644
index 1ebf714d8..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.zh.jpg and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc52.mo.png b/translated_images/edit-a-file-pb.263555922c14fc52.mo.png
deleted file mode 100644
index 1e5546508..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc52.mo.png and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc52.ur.png b/translated_images/edit-a-file-pb.263555922c14fc52.ur.png
deleted file mode 100644
index 885cb630d..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc52.ur.png and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc52.zh.png b/translated_images/edit-a-file-pb.263555922c14fc52.zh.png
deleted file mode 100644
index 9af529575..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc52.zh.png and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.mo.png b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.mo.png
deleted file mode 100644
index 1e5546508..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.mo.png and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.ur.png b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.ur.png
deleted file mode 100644
index 885cb630d..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.ur.png and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.zh.png b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.zh.png
deleted file mode 100644
index 9af529575..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.zh.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08.mo.png b/translated_images/edit-a-file.52c0ee665ef19f08.mo.png
deleted file mode 100644
index e8b831082..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08.mo.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08.ur.png b/translated_images/edit-a-file.52c0ee665ef19f08.ur.png
deleted file mode 100644
index 50ee18eb1..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08.ur.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08.zh.png b/translated_images/edit-a-file.52c0ee665ef19f08.zh.png
deleted file mode 100644
index 54fbee600..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08.zh.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.mo.png b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.mo.png
deleted file mode 100644
index e8b831082..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.mo.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.ur.png b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.ur.png
deleted file mode 100644
index 50ee18eb1..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.ur.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.zh.png b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.zh.png
deleted file mode 100644
index 54fbee600..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658c.mo.png b/translated_images/enemyShip.035a46787bff658c.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658c.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658c.ur.png b/translated_images/enemyShip.035a46787bff658c.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658c.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658c.zh.png b/translated_images/enemyShip.035a46787bff658c.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658c.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.mo.png b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.ur.png b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.zh.png b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290.mo.png b/translated_images/enemyShip.1a1354d7988de290.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290.ur.png b/translated_images/enemyShip.1a1354d7988de290.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290.zh.png b/translated_images/enemyShip.1a1354d7988de290.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.mo.png b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.ur.png b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.zh.png b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809.mo.png b/translated_images/enemyShip.22cbee6ea27a5809.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809.ur.png b/translated_images/enemyShip.22cbee6ea27a5809.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809.zh.png b/translated_images/enemyShip.22cbee6ea27a5809.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.mo.png b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.ur.png b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.zh.png b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c.mo.png b/translated_images/enemyShip.321ecb1b4eb21f2c.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c.ur.png b/translated_images/enemyShip.321ecb1b4eb21f2c.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c.zh.png b/translated_images/enemyShip.321ecb1b4eb21f2c.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.mo.png b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.ur.png b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.zh.png b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db4.mo.png b/translated_images/enemyShip.4fbf2889e6129db4.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db4.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db4.ur.png b/translated_images/enemyShip.4fbf2889e6129db4.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db4.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db4.zh.png b/translated_images/enemyShip.4fbf2889e6129db4.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db4.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.mo.png b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.ur.png b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.zh.png b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2.mo.png b/translated_images/enemyShip.5df2a822c16650c2.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2.ur.png b/translated_images/enemyShip.5df2a822c16650c2.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2.zh.png b/translated_images/enemyShip.5df2a822c16650c2.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.mo.png b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.ur.png b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.zh.png b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220f.mo.png b/translated_images/enemyShip.62983ed4bfb2220f.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220f.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220f.ur.png b/translated_images/enemyShip.62983ed4bfb2220f.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220f.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220f.zh.png b/translated_images/enemyShip.62983ed4bfb2220f.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220f.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.mo.png b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.ur.png b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.zh.png b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c3014.mo.png b/translated_images/enemyShip.add7036e1c3c3014.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c3014.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c3014.ur.png b/translated_images/enemyShip.add7036e1c3c3014.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c3014.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c3014.zh.png b/translated_images/enemyShip.add7036e1c3c3014.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c3014.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.mo.png b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.ur.png b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.zh.png b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7.mo.png b/translated_images/enemyShip.b39a140287683bf7.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7.ur.png b/translated_images/enemyShip.b39a140287683bf7.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7.zh.png b/translated_images/enemyShip.b39a140287683bf7.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.mo.png b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.ur.png b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.zh.png b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a32.mo.png b/translated_images/enemyShip.b9626ed228a17a32.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a32.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a32.ur.png b/translated_images/enemyShip.b9626ed228a17a32.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a32.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a32.zh.png b/translated_images/enemyShip.b9626ed228a17a32.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a32.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.mo.png b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.ur.png b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.zh.png b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d.mo.png b/translated_images/enemyShip.deb0477a7312f54d.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d.ur.png b/translated_images/enemyShip.deb0477a7312f54d.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d.zh.png b/translated_images/enemyShip.deb0477a7312f54d.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d.zh.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.mo.png b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.mo.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.mo.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.ur.png b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.ur.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.ur.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.zh.png b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.zh.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.zh.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68.mo.png b/translated_images/enemyUFO.bf8585e4e8dcdb68.mo.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68.mo.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68.ur.png b/translated_images/enemyUFO.bf8585e4e8dcdb68.ur.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68.ur.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68.zh.png b/translated_images/enemyUFO.bf8585e4e8dcdb68.zh.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68.zh.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.mo.png b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.mo.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.mo.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.ur.png b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.ur.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.ur.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.zh.png b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.zh.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.zh.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5.mo.png b/translated_images/extension-details.9f8f1fd4e9eb2de5.mo.png
deleted file mode 100644
index 41119d580..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5.mo.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5.ur.png b/translated_images/extension-details.9f8f1fd4e9eb2de5.ur.png
deleted file mode 100644
index 9bfa7be5e..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5.ur.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5.zh.png b/translated_images/extension-details.9f8f1fd4e9eb2de5.zh.png
deleted file mode 100644
index 154567668..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5.zh.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.mo.png b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.mo.png
deleted file mode 100644
index 41119d580..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.mo.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.ur.png b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.ur.png
deleted file mode 100644
index 9bfa7be5e..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.ur.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.zh.png b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.zh.png
deleted file mode 100644
index 154567668..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.zh.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png
deleted file mode 100644
index 4dc457552..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3.ur.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3.ur.png
deleted file mode 100644
index 0b18cebcf..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3.ur.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3.zh.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3.zh.png
deleted file mode 100644
index 80e560f87..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3.zh.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.mo.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.mo.png
deleted file mode 100644
index 4dc457552..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.mo.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.ur.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.ur.png
deleted file mode 100644
index 0b18cebcf..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.ur.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.zh.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.zh.png
deleted file mode 100644
index 80e560f87..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.zh.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78.mo.png b/translated_images/extension-settings.21c752ae4f4cdb78.mo.png
deleted file mode 100644
index fbd932952..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78.mo.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78.ur.png b/translated_images/extension-settings.21c752ae4f4cdb78.ur.png
deleted file mode 100644
index 3a9850fd3..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78.ur.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78.zh.png b/translated_images/extension-settings.21c752ae4f4cdb78.zh.png
deleted file mode 100644
index 5b314e99a..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78.zh.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.mo.png b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.mo.png
deleted file mode 100644
index fbd932952..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.mo.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.ur.png b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.ur.png
deleted file mode 100644
index 3a9850fd3..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.ur.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.zh.png b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.zh.png
deleted file mode 100644
index 5b314e99a..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.zh.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5.mo.png b/translated_images/extensions.eca0e0c7f59a10b5.mo.png
deleted file mode 100644
index e5ce06ea7..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5.mo.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5.ur.png b/translated_images/extensions.eca0e0c7f59a10b5.ur.png
deleted file mode 100644
index ceb7e2abd..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5.ur.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5.zh.png b/translated_images/extensions.eca0e0c7f59a10b5.zh.png
deleted file mode 100644
index 95316694a..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5.zh.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.mo.png b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.mo.png
deleted file mode 100644
index e5ce06ea7..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.mo.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.ur.png b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.ur.png
deleted file mode 100644
index ceb7e2abd..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.ur.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.zh.png b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.zh.png
deleted file mode 100644
index 95316694a..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.zh.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454.mo.png b/translated_images/favicon.37b561214b36d454.mo.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454.mo.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454.ur.png b/translated_images/favicon.37b561214b36d454.ur.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454.ur.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454.zh.png b/translated_images/favicon.37b561214b36d454.zh.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454.zh.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.mo.png b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.mo.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.mo.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.ur.png b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.ur.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.ur.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.zh.png b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.zh.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.zh.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a.mo.png b/translated_images/form-post.61de4ca1b964d91a.mo.png
deleted file mode 100644
index 7322be317..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a.mo.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a.ur.png b/translated_images/form-post.61de4ca1b964d91a.ur.png
deleted file mode 100644
index 865e302b4..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a.ur.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a.zh.png b/translated_images/form-post.61de4ca1b964d91a.zh.png
deleted file mode 100644
index 37a84b057..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a.zh.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.mo.png b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.mo.png
deleted file mode 100644
index 7322be317..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.mo.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.ur.png b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.ur.png
deleted file mode 100644
index 865e302b4..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.ur.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.zh.png b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.zh.png
deleted file mode 100644
index 37a84b057..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.zh.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e064.mo.png b/translated_images/history.7fdabbafa521e064.mo.png
deleted file mode 100644
index 8b858a416..000000000
Binary files a/translated_images/history.7fdabbafa521e064.mo.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e064.ur.png b/translated_images/history.7fdabbafa521e064.ur.png
deleted file mode 100644
index 00570213a..000000000
Binary files a/translated_images/history.7fdabbafa521e064.ur.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e064.zh.png b/translated_images/history.7fdabbafa521e064.zh.png
deleted file mode 100644
index 248c8d123..000000000
Binary files a/translated_images/history.7fdabbafa521e064.zh.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.mo.png b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.mo.png
deleted file mode 100644
index 8b858a416..000000000
Binary files a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.mo.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.ur.png b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.ur.png
deleted file mode 100644
index 00570213a..000000000
Binary files a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.ur.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.zh.png b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.zh.png
deleted file mode 100644
index 248c8d123..000000000
Binary files a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.zh.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c4828.mo.png b/translated_images/install-on-edge.78634f02842c4828.mo.png
deleted file mode 100644
index 79938af85..000000000
Binary files a/translated_images/install-on-edge.78634f02842c4828.mo.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c4828.ur.png b/translated_images/install-on-edge.78634f02842c4828.ur.png
deleted file mode 100644
index 858d2d498..000000000
Binary files a/translated_images/install-on-edge.78634f02842c4828.ur.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c4828.zh.png b/translated_images/install-on-edge.78634f02842c4828.zh.png
deleted file mode 100644
index 4f8f91f0d..000000000
Binary files a/translated_images/install-on-edge.78634f02842c4828.zh.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.mo.png b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.mo.png
deleted file mode 100644
index 79938af85..000000000
Binary files a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.mo.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.ur.png b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.ur.png
deleted file mode 100644
index 858d2d498..000000000
Binary files a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.ur.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.zh.png b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.zh.png
deleted file mode 100644
index 4f8f91f0d..000000000
Binary files a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.zh.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3d.mo.png b/translated_images/install-on-edge.d68781acaf0b3d3d.mo.png
deleted file mode 100644
index a8cbc8940..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3d.mo.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3d.ur.png b/translated_images/install-on-edge.d68781acaf0b3d3d.ur.png
deleted file mode 100644
index 661f27bbb..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3d.ur.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3d.zh.png b/translated_images/install-on-edge.d68781acaf0b3d3d.zh.png
deleted file mode 100644
index 4f8f91f0d..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3d.zh.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.mo.png b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.mo.png
deleted file mode 100644
index a8cbc8940..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.mo.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.ur.png b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.ur.png
deleted file mode 100644
index 661f27bbb..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.ur.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.zh.png b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.zh.png
deleted file mode 100644
index 4f8f91f0d..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.zh.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f49945560.mo.png b/translated_images/laserGreen.89904f0f49945560.mo.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f49945560.mo.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f49945560.ur.png b/translated_images/laserGreen.89904f0f49945560.ur.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f49945560.ur.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f49945560.zh.png b/translated_images/laserGreen.89904f0f49945560.zh.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f49945560.zh.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.mo.png b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.mo.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.mo.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.ur.png b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.ur.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.ur.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.zh.png b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.zh.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.zh.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b.mo.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b.mo.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b.mo.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b.ur.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b.ur.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b.ur.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b.zh.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b.zh.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b.zh.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.mo.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.mo.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.mo.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.ur.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.ur.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.ur.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.zh.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.zh.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a.mo.png b/translated_images/laserRed.2040e11f55c0a40a.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a.ur.png b/translated_images/laserRed.2040e11f55c0a40a.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a.zh.png b/translated_images/laserRed.2040e11f55c0a40a.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.mo.png b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.ur.png b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.zh.png b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce67.mo.png b/translated_images/laserRed.381bc5555491ce67.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce67.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce67.ur.png b/translated_images/laserRed.381bc5555491ce67.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce67.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce67.zh.png b/translated_images/laserRed.381bc5555491ce67.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce67.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.mo.png b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.ur.png b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.zh.png b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd.mo.png b/translated_images/laserRed.69730edd76f0b3bd.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd.ur.png b/translated_images/laserRed.69730edd76f0b3bd.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd.zh.png b/translated_images/laserRed.69730edd76f0b3bd.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.mo.png b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.ur.png b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.zh.png b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581.mo.png b/translated_images/laserRed.b583dc1728eb8581.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581.ur.png b/translated_images/laserRed.b583dc1728eb8581.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581.zh.png b/translated_images/laserRed.b583dc1728eb8581.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.mo.png b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.ur.png b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.zh.png b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd.mo.png b/translated_images/laserRed.cae9ab24ea9b18fd.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd.ur.png b/translated_images/laserRed.cae9ab24ea9b18fd.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd.zh.png b/translated_images/laserRed.cae9ab24ea9b18fd.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.mo.png b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.ur.png b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.zh.png b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251.mo.png b/translated_images/laserRed.d81ce4986f87c251.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251.ur.png b/translated_images/laserRed.d81ce4986f87c251.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251.zh.png b/translated_images/laserRed.d81ce4986f87c251.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.mo.png b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.ur.png b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.zh.png b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe.mo.png b/translated_images/laserRed.e58ef8db2585dfbe.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe.ur.png b/translated_images/laserRed.e58ef8db2585dfbe.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe.zh.png b/translated_images/laserRed.e58ef8db2585dfbe.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.mo.png b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.ur.png b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.zh.png b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064.mo.png b/translated_images/laserRed.e66e29ace6666064.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064.ur.png b/translated_images/laserRed.e66e29ace6666064.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064.zh.png b/translated_images/laserRed.e66e29ace6666064.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.mo.png b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.ur.png b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.zh.png b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e.mo.png b/translated_images/laserRed.e86e8fb629c6026e.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e.ur.png b/translated_images/laserRed.e86e8fb629c6026e.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e.zh.png b/translated_images/laserRed.e86e8fb629c6026e.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e.zh.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.mo.png b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.mo.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.mo.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.ur.png b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.ur.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.ur.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.zh.png b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.zh.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.zh.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71.mo.png b/translated_images/laserRedShot.c39d066745996a71.mo.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71.mo.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71.ur.png b/translated_images/laserRedShot.c39d066745996a71.ur.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71.ur.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71.zh.png b/translated_images/laserRedShot.c39d066745996a71.zh.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71.zh.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.mo.png b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.mo.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.mo.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.ur.png b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.ur.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.ur.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.zh.png b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.zh.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.zh.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76.mo.png b/translated_images/life.27144b6d4bfdea76.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76.mo.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76.ur.png b/translated_images/life.27144b6d4bfdea76.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76.ur.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76.zh.png b/translated_images/life.27144b6d4bfdea76.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76.zh.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.mo.png b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.mo.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.ur.png b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.ur.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.zh.png b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.zh.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4ef.mo.png b/translated_images/life.2a159298dd98f4ef.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4ef.mo.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4ef.ur.png b/translated_images/life.2a159298dd98f4ef.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4ef.ur.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4ef.zh.png b/translated_images/life.2a159298dd98f4ef.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4ef.zh.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.mo.png b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.mo.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.ur.png b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.ur.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.zh.png b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.zh.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244a.mo.png b/translated_images/life.466df3b1692a244a.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244a.mo.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244a.ur.png b/translated_images/life.466df3b1692a244a.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244a.ur.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244a.zh.png b/translated_images/life.466df3b1692a244a.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244a.zh.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.mo.png b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.mo.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.ur.png b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.ur.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.zh.png b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.zh.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca875284.mo.png b/translated_images/life.65a2aaceca875284.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca875284.mo.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca875284.ur.png b/translated_images/life.65a2aaceca875284.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca875284.ur.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca875284.zh.png b/translated_images/life.65a2aaceca875284.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca875284.zh.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.mo.png b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.mo.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.ur.png b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.ur.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.zh.png b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.zh.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413.mo.png b/translated_images/life.6fb9f50d53ee0413.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413.mo.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413.ur.png b/translated_images/life.6fb9f50d53ee0413.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413.ur.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413.zh.png b/translated_images/life.6fb9f50d53ee0413.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413.zh.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.mo.png b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.mo.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.ur.png b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.ur.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.zh.png b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.zh.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e.mo.png b/translated_images/life.78b6e96a3003767e.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e.mo.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e.ur.png b/translated_images/life.78b6e96a3003767e.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e.ur.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e.zh.png b/translated_images/life.78b6e96a3003767e.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e.zh.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.mo.png b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.mo.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.ur.png b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.ur.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.zh.png b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.zh.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c.mo.png b/translated_images/life.86d843ce9c23289c.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c.mo.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c.ur.png b/translated_images/life.86d843ce9c23289c.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c.ur.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c.zh.png b/translated_images/life.86d843ce9c23289c.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c.zh.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.mo.png b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.mo.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.mo.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.ur.png b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.ur.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.ur.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.zh.png b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.zh.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.zh.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d1.mo.png b/translated_images/localstorage.472f8147b6a3f8d1.mo.png
deleted file mode 100644
index 6a2d80f87..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d1.mo.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d1.ur.png b/translated_images/localstorage.472f8147b6a3f8d1.ur.png
deleted file mode 100644
index 738338fff..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d1.ur.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d1.zh.png b/translated_images/localstorage.472f8147b6a3f8d1.zh.png
deleted file mode 100644
index db31d0ca8..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d1.zh.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.mo.png b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.mo.png
deleted file mode 100644
index 6a2d80f87..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.mo.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.ur.png b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.ur.png
deleted file mode 100644
index 738338fff..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.ur.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.zh.png b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.zh.png
deleted file mode 100644
index db31d0ca8..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.zh.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e0.mo.png b/translated_images/log.804026979f3707e0.mo.png
deleted file mode 100644
index a61d77091..000000000
Binary files a/translated_images/log.804026979f3707e0.mo.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e0.ur.png b/translated_images/log.804026979f3707e0.ur.png
deleted file mode 100644
index 79cfd4ea1..000000000
Binary files a/translated_images/log.804026979f3707e0.ur.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e0.zh.png b/translated_images/log.804026979f3707e0.zh.png
deleted file mode 100644
index ab890ce25..000000000
Binary files a/translated_images/log.804026979f3707e0.zh.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.mo.png b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.mo.png
deleted file mode 100644
index a61d77091..000000000
Binary files a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.mo.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.ur.png b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.ur.png
deleted file mode 100644
index 79cfd4ea1..000000000
Binary files a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.ur.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.zh.png b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.zh.png
deleted file mode 100644
index ab890ce25..000000000
Binary files a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.zh.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a6327.mo.png b/translated_images/login-error.416fe019b36a6327.mo.png
deleted file mode 100644
index 604d05332..000000000
Binary files a/translated_images/login-error.416fe019b36a6327.mo.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a6327.ur.png b/translated_images/login-error.416fe019b36a6327.ur.png
deleted file mode 100644
index 74635a673..000000000
Binary files a/translated_images/login-error.416fe019b36a6327.ur.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a6327.zh.png b/translated_images/login-error.416fe019b36a6327.zh.png
deleted file mode 100644
index b523ef968..000000000
Binary files a/translated_images/login-error.416fe019b36a6327.zh.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.mo.png b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.mo.png
deleted file mode 100644
index 604d05332..000000000
Binary files a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.mo.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.ur.png b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.ur.png
deleted file mode 100644
index 74635a673..000000000
Binary files a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.ur.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.zh.png b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.zh.png
deleted file mode 100644
index b523ef968..000000000
Binary files a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.zh.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50ad.mo.png b/translated_images/meteorBig.1e452b3ad7af50ad.mo.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50ad.mo.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50ad.ur.png b/translated_images/meteorBig.1e452b3ad7af50ad.ur.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50ad.ur.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50ad.zh.png b/translated_images/meteorBig.1e452b3ad7af50ad.zh.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50ad.zh.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.mo.png b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.mo.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.mo.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.ur.png b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.ur.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.ur.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.zh.png b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.zh.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.zh.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f.mo.png b/translated_images/meteorSmall.0d729bc71c12d41f.mo.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f.mo.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f.ur.png b/translated_images/meteorSmall.0d729bc71c12d41f.ur.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f.ur.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f.zh.png b/translated_images/meteorSmall.0d729bc71c12d41f.zh.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f.zh.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.mo.png b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.mo.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.mo.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.ur.png b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.ur.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.ur.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.zh.png b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.zh.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.zh.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2.mo.png b/translated_images/moodle.94eb93d714a50cb2.mo.png
deleted file mode 100644
index a32a9d5b6..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2.mo.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2.ur.png b/translated_images/moodle.94eb93d714a50cb2.ur.png
deleted file mode 100644
index 738a832b6..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2.ur.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2.zh.png b/translated_images/moodle.94eb93d714a50cb2.zh.png
deleted file mode 100644
index 91d9f5aa2..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2.zh.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.mo.png b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.mo.png
deleted file mode 100644
index a32a9d5b6..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.mo.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.ur.png b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.ur.png
deleted file mode 100644
index 738a832b6..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.ur.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.zh.png b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.zh.png
deleted file mode 100644
index 91d9f5aa2..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.zh.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa77.mo.png b/translated_images/mpa.7f7375a1a2d4aa77.mo.png
deleted file mode 100644
index 5d0143f6f..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa77.mo.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa77.ur.png b/translated_images/mpa.7f7375a1a2d4aa77.ur.png
deleted file mode 100644
index 6a740710e..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa77.ur.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa77.zh.png b/translated_images/mpa.7f7375a1a2d4aa77.zh.png
deleted file mode 100644
index 9dbbce76f..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa77.zh.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.mo.png b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.mo.png
deleted file mode 100644
index 5d0143f6f..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.mo.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.ur.png b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.ur.png
deleted file mode 100644
index 6a740710e..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.ur.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.zh.png b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.zh.png
deleted file mode 100644
index 9dbbce76f..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.zh.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d3.mo.png b/translated_images/nebula.55c2933d36d035d3.mo.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d3.mo.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d3.ur.png b/translated_images/nebula.55c2933d36d035d3.ur.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d3.ur.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d3.zh.png b/translated_images/nebula.55c2933d36d035d3.zh.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d3.zh.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.mo.png b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.mo.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.mo.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.ur.png b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.ur.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.ur.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.zh.png b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.zh.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.zh.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056.mo.png b/translated_images/new-file-github.com.c886796d800e8056.mo.png
deleted file mode 100644
index 635df479e..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056.mo.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056.ur.png b/translated_images/new-file-github.com.c886796d800e8056.ur.png
deleted file mode 100644
index 8b9835a8e..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056.ur.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056.zh.png b/translated_images/new-file-github.com.c886796d800e8056.zh.png
deleted file mode 100644
index 7ce30580a..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056.zh.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.mo.png b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.mo.png
deleted file mode 100644
index 635df479e..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.mo.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.ur.png b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.ur.png
deleted file mode 100644
index 8b9835a8e..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.ur.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.zh.png b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.zh.png
deleted file mode 100644
index 7ce30580a..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.zh.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da8.mo.png b/translated_images/open-palette-menu.46dda01084738da8.mo.png
deleted file mode 100644
index 1b6f3a8ba..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da8.mo.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da8.ur.png b/translated_images/open-palette-menu.46dda01084738da8.ur.png
deleted file mode 100644
index 8ada9c135..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da8.ur.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da8.zh.png b/translated_images/open-palette-menu.46dda01084738da8.zh.png
deleted file mode 100644
index deb31c8b9..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da8.zh.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.mo.png b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.mo.png
deleted file mode 100644
index 1b6f3a8ba..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.mo.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.ur.png b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.ur.png
deleted file mode 100644
index 8ada9c135..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.ur.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.zh.png b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.zh.png
deleted file mode 100644
index deb31c8b9..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.zh.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7f.mo.png b/translated_images/open-remote-repository.bd9c2598b8949e7f.mo.png
deleted file mode 100644
index 81456cfbe..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7f.mo.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7f.ur.png b/translated_images/open-remote-repository.bd9c2598b8949e7f.ur.png
deleted file mode 100644
index a430e4436..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7f.ur.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7f.zh.png b/translated_images/open-remote-repository.bd9c2598b8949e7f.zh.png
deleted file mode 100644
index 4adc1d707..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7f.zh.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.mo.png b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.mo.png
deleted file mode 100644
index 81456cfbe..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.mo.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.ur.png b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.ur.png
deleted file mode 100644
index a430e4436..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.ur.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.zh.png b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.zh.png
deleted file mode 100644
index 4adc1d707..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.zh.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f42622.mo.png b/translated_images/palette-menu.4946174e07f42622.mo.png
deleted file mode 100644
index 32c7ffac8..000000000
Binary files a/translated_images/palette-menu.4946174e07f42622.mo.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f42622.ur.png b/translated_images/palette-menu.4946174e07f42622.ur.png
deleted file mode 100644
index de59e19b6..000000000
Binary files a/translated_images/palette-menu.4946174e07f42622.ur.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f42622.zh.png b/translated_images/palette-menu.4946174e07f42622.zh.png
deleted file mode 100644
index 3f6f2645d..000000000
Binary files a/translated_images/palette-menu.4946174e07f42622.zh.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.mo.png b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.mo.png
deleted file mode 100644
index 32c7ffac8..000000000
Binary files a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.mo.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.ur.png b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.ur.png
deleted file mode 100644
index de59e19b6..000000000
Binary files a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.ur.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.zh.png b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.zh.png
deleted file mode 100644
index 3f6f2645d..000000000
Binary files a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.zh.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a.mo.png b/translated_images/partI-solution.36c53b48c9ffae2a.mo.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a.mo.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a.ur.png b/translated_images/partI-solution.36c53b48c9ffae2a.ur.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a.ur.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a.zh.png b/translated_images/partI-solution.36c53b48c9ffae2a.zh.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a.zh.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.mo.png b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.mo.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.mo.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.ur.png b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.ur.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.ur.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.zh.png b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.zh.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.zh.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9.mo.png b/translated_images/plant1.a876180d8659acb9.mo.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9.mo.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9.ur.png b/translated_images/plant1.a876180d8659acb9.ur.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9.ur.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9.zh.png b/translated_images/plant1.a876180d8659acb9.zh.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9.zh.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.mo.png b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.mo.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.mo.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.ur.png b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.ur.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.ur.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.zh.png b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.zh.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.zh.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3.mo.png b/translated_images/plant10.2f2c47804ae52dd3.mo.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3.mo.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3.ur.png b/translated_images/plant10.2f2c47804ae52dd3.ur.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3.ur.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3.zh.png b/translated_images/plant10.2f2c47804ae52dd3.zh.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3.zh.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.mo.png b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.mo.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.mo.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.ur.png b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.ur.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.ur.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.zh.png b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.zh.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.zh.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1.mo.png b/translated_images/plant11.0ce0081b0ef17aa1.mo.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1.mo.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1.ur.png b/translated_images/plant11.0ce0081b0ef17aa1.ur.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1.ur.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1.zh.png b/translated_images/plant11.0ce0081b0ef17aa1.zh.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1.zh.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.mo.png b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.mo.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.mo.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.ur.png b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.ur.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.ur.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.zh.png b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.zh.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.zh.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228.mo.png b/translated_images/plant12.6b934c4312a00228.mo.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228.mo.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228.ur.png b/translated_images/plant12.6b934c4312a00228.ur.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228.ur.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228.zh.png b/translated_images/plant12.6b934c4312a00228.zh.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228.zh.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.mo.png b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.mo.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.mo.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.ur.png b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.ur.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.ur.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.zh.png b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.zh.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.zh.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f.mo.png b/translated_images/plant13.37d6ab2e2481421f.mo.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f.mo.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f.ur.png b/translated_images/plant13.37d6ab2e2481421f.ur.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f.ur.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f.zh.png b/translated_images/plant13.37d6ab2e2481421f.zh.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f.zh.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.mo.png b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.mo.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.mo.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.ur.png b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.ur.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.ur.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.zh.png b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.zh.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.zh.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f.mo.png b/translated_images/plant14.908791477a46eb7f.mo.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f.mo.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f.ur.png b/translated_images/plant14.908791477a46eb7f.ur.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f.ur.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f.zh.png b/translated_images/plant14.908791477a46eb7f.zh.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f.zh.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.mo.png b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.mo.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.mo.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.ur.png b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.ur.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.ur.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.zh.png b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.zh.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.zh.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b0.mo.png b/translated_images/plant2.9e45efea224115b0.mo.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b0.mo.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b0.ur.png b/translated_images/plant2.9e45efea224115b0.ur.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b0.ur.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b0.zh.png b/translated_images/plant2.9e45efea224115b0.zh.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b0.zh.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.mo.png b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.mo.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.mo.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.ur.png b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.ur.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.ur.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.zh.png b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.zh.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.zh.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b115.mo.png b/translated_images/plant3.06efdd0fa0c4b115.mo.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b115.mo.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b115.ur.png b/translated_images/plant3.06efdd0fa0c4b115.ur.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b115.ur.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b115.zh.png b/translated_images/plant3.06efdd0fa0c4b115.zh.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b115.zh.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.mo.png b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.mo.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.mo.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.ur.png b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.ur.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.ur.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.zh.png b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.zh.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.zh.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6.mo.png b/translated_images/plant4.3b78072b427727c6.mo.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6.mo.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6.ur.png b/translated_images/plant4.3b78072b427727c6.ur.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6.ur.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6.zh.png b/translated_images/plant4.3b78072b427727c6.zh.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6.zh.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.mo.png b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.mo.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.mo.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.ur.png b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.ur.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.ur.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.zh.png b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.zh.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.zh.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8.mo.png b/translated_images/plant5.8ec58b18ac336fa8.mo.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8.mo.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8.ur.png b/translated_images/plant5.8ec58b18ac336fa8.ur.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8.ur.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8.zh.png b/translated_images/plant5.8ec58b18ac336fa8.zh.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8.zh.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.mo.png b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.mo.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.mo.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.ur.png b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.ur.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.ur.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.zh.png b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.zh.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.zh.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1.mo.png b/translated_images/plant6.ca4ff8372e6676b1.mo.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1.mo.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1.ur.png b/translated_images/plant6.ca4ff8372e6676b1.ur.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1.ur.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1.zh.png b/translated_images/plant6.ca4ff8372e6676b1.zh.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1.zh.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.mo.png b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.mo.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.mo.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.ur.png b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.ur.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.ur.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.zh.png b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.zh.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.zh.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c.mo.png b/translated_images/plant7.194d5a42fcf5a88c.mo.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c.mo.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c.ur.png b/translated_images/plant7.194d5a42fcf5a88c.ur.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c.ur.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c.zh.png b/translated_images/plant7.194d5a42fcf5a88c.zh.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c.zh.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.mo.png b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.mo.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.mo.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.ur.png b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.ur.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.ur.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.zh.png b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.zh.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.zh.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492.mo.png b/translated_images/plant8.7b247809ab0eb492.mo.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492.mo.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492.ur.png b/translated_images/plant8.7b247809ab0eb492.ur.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492.ur.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492.zh.png b/translated_images/plant8.7b247809ab0eb492.zh.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492.zh.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.mo.png b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.mo.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.mo.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.ur.png b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.ur.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.ur.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.zh.png b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.zh.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.zh.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1e.mo.png b/translated_images/plant9.8fe614c01ded1b1e.mo.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1e.mo.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1e.ur.png b/translated_images/plant9.8fe614c01ded1b1e.ur.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1e.ur.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1e.zh.png b/translated_images/plant9.8fe614c01ded1b1e.zh.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1e.zh.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.mo.png b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.mo.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.mo.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.ur.png b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.ur.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.ur.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.zh.png b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.zh.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.zh.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffc.mo.png b/translated_images/player.137ee0e47f895ffc.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffc.mo.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffc.ur.png b/translated_images/player.137ee0e47f895ffc.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffc.ur.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffc.zh.png b/translated_images/player.137ee0e47f895ffc.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffc.zh.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.mo.png b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.mo.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.ur.png b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.ur.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.zh.png b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.zh.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd.mo.png b/translated_images/player.2887422f6982c3cd.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd.mo.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd.ur.png b/translated_images/player.2887422f6982c3cd.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd.ur.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd.zh.png b/translated_images/player.2887422f6982c3cd.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd.zh.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.mo.png b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.mo.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.ur.png b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.ur.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.zh.png b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.zh.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f5.mo.png b/translated_images/player.391fed427ede24f5.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f5.mo.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f5.ur.png b/translated_images/player.391fed427ede24f5.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f5.ur.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f5.zh.png b/translated_images/player.391fed427ede24f5.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f5.zh.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.mo.png b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.mo.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.ur.png b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.ur.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.zh.png b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.zh.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a.mo.png b/translated_images/player.3c4f50182552a73a.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a.mo.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a.ur.png b/translated_images/player.3c4f50182552a73a.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a.ur.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a.zh.png b/translated_images/player.3c4f50182552a73a.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a.zh.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.mo.png b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.mo.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.ur.png b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.ur.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.zh.png b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.zh.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723d.mo.png b/translated_images/player.47bc9de0714c723d.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723d.mo.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723d.ur.png b/translated_images/player.47bc9de0714c723d.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723d.ur.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723d.zh.png b/translated_images/player.47bc9de0714c723d.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723d.zh.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.mo.png b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.mo.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.ur.png b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.ur.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.zh.png b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.zh.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695.mo.png b/translated_images/player.57b3107c03012695.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695.mo.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695.ur.png b/translated_images/player.57b3107c03012695.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695.ur.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695.zh.png b/translated_images/player.57b3107c03012695.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695.zh.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.mo.png b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.mo.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.ur.png b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.ur.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.zh.png b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.zh.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e.mo.png b/translated_images/player.606f85953e5e564e.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e.mo.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e.ur.png b/translated_images/player.606f85953e5e564e.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e.ur.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e.zh.png b/translated_images/player.606f85953e5e564e.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e.zh.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.mo.png b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.mo.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.ur.png b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.ur.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.zh.png b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.zh.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe1.mo.png b/translated_images/player.680ea4c619b54fe1.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe1.mo.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe1.ur.png b/translated_images/player.680ea4c619b54fe1.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe1.ur.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe1.zh.png b/translated_images/player.680ea4c619b54fe1.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe1.zh.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.mo.png b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.mo.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.ur.png b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.ur.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.zh.png b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.zh.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d.mo.png b/translated_images/player.bfe14f110bddf56d.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d.mo.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d.ur.png b/translated_images/player.bfe14f110bddf56d.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d.ur.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d.zh.png b/translated_images/player.bfe14f110bddf56d.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d.zh.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.mo.png b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.mo.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.ur.png b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.ur.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.zh.png b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.zh.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca0.mo.png b/translated_images/player.c99c25d54a615ca0.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca0.mo.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca0.ur.png b/translated_images/player.c99c25d54a615ca0.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca0.ur.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca0.zh.png b/translated_images/player.c99c25d54a615ca0.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca0.zh.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.mo.png b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.mo.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.ur.png b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.ur.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.zh.png b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.zh.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b.mo.png b/translated_images/player.dd24c1afa8c71e9b.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b.mo.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b.ur.png b/translated_images/player.dd24c1afa8c71e9b.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b.ur.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b.zh.png b/translated_images/player.dd24c1afa8c71e9b.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b.zh.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.mo.png b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.mo.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.mo.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.ur.png b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.ur.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.ur.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.zh.png b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.zh.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.zh.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176.mo.png b/translated_images/playerDamaged.181703f652fd5176.mo.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176.mo.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176.ur.png b/translated_images/playerDamaged.181703f652fd5176.ur.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176.ur.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176.zh.png b/translated_images/playerDamaged.181703f652fd5176.zh.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176.zh.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.mo.png b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.mo.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.mo.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.ur.png b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.ur.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.ur.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.zh.png b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.zh.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.zh.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9.mo.png b/translated_images/playerLeft.0f928412e66ba5d9.mo.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9.mo.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9.ur.png b/translated_images/playerLeft.0f928412e66ba5d9.ur.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9.ur.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9.zh.png b/translated_images/playerLeft.0f928412e66ba5d9.zh.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9.zh.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.mo.png b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.mo.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.mo.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.ur.png b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.ur.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.ur.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.zh.png b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.zh.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.zh.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f737.mo.png b/translated_images/playerRight.e4825f489e29f737.mo.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f737.mo.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f737.ur.png b/translated_images/playerRight.e4825f489e29f737.ur.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f737.ur.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f737.zh.png b/translated_images/playerRight.e4825f489e29f737.zh.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f737.zh.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.mo.png b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.mo.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.mo.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.ur.png b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.ur.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.ur.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.zh.png b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.zh.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.zh.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f4758.mo.png b/translated_images/playground-choice.1d23ba7d407f4758.mo.png
deleted file mode 100644
index a036d9325..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f4758.mo.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f4758.ur.png b/translated_images/playground-choice.1d23ba7d407f4758.ur.png
deleted file mode 100644
index 1aa4b57eb..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f4758.ur.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f4758.zh.png b/translated_images/playground-choice.1d23ba7d407f4758.zh.png
deleted file mode 100644
index b09711b0e..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f4758.zh.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.mo.png b/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.mo.png
deleted file mode 100644
index a036d9325..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.mo.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.ur.png b/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.ur.png
deleted file mode 100644
index 1aa4b57eb..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.ur.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.zh.png b/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.zh.png
deleted file mode 100644
index b09711b0e..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.zh.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8f.mo.png b/translated_images/playground.d2b927122224ff8f.mo.png
deleted file mode 100644
index e0c4d784a..000000000
Binary files a/translated_images/playground.d2b927122224ff8f.mo.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8f.ur.png b/translated_images/playground.d2b927122224ff8f.ur.png
deleted file mode 100644
index b17db9f93..000000000
Binary files a/translated_images/playground.d2b927122224ff8f.ur.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8f.zh.png b/translated_images/playground.d2b927122224ff8f.zh.png
deleted file mode 100644
index 0265a77df..000000000
Binary files a/translated_images/playground.d2b927122224ff8f.zh.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.mo.png b/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.mo.png
deleted file mode 100644
index e0c4d784a..000000000
Binary files a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.mo.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.ur.png b/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.ur.png
deleted file mode 100644
index b17db9f93..000000000
Binary files a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.ur.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.zh.png b/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.zh.png
deleted file mode 100644
index 0265a77df..000000000
Binary files a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.zh.png and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476.mo.jpg b/translated_images/preview.9215f0a010074476.mo.jpg
deleted file mode 100644
index ffd48133e..000000000
Binary files a/translated_images/preview.9215f0a010074476.mo.jpg and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476.ur.jpg b/translated_images/preview.9215f0a010074476.ur.jpg
deleted file mode 100644
index 4cc6654ca..000000000
Binary files a/translated_images/preview.9215f0a010074476.ur.jpg and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476.zh.jpg b/translated_images/preview.9215f0a010074476.zh.jpg
deleted file mode 100644
index 6efefb011..000000000
Binary files a/translated_images/preview.9215f0a010074476.zh.jpg and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.mo.jpg b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.mo.jpg
deleted file mode 100644
index ffd48133e..000000000
Binary files a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.mo.jpg and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.ur.jpg b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.ur.jpg
deleted file mode 100644
index 4cc6654ca..000000000
Binary files a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.ur.jpg and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.zh.jpg b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.zh.jpg
deleted file mode 100644
index 6efefb011..000000000
Binary files a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.zh.jpg and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01c.mo.png b/translated_images/profiler.5a4a62479c5df01c.mo.png
deleted file mode 100644
index 006271be4..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01c.mo.png and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01c.ur.png b/translated_images/profiler.5a4a62479c5df01c.ur.png
deleted file mode 100644
index ece0170c1..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01c.ur.png and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01c.zh.png b/translated_images/profiler.5a4a62479c5df01c.zh.png
deleted file mode 100644
index e6774e9da..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01c.zh.png and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.mo.png b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.mo.png
deleted file mode 100644
index 006271be4..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.mo.png and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.ur.png b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.ur.png
deleted file mode 100644
index ece0170c1..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.ur.png and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.zh.png b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.zh.png
deleted file mode 100644
index e6774e9da..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.zh.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.mo.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.mo.png
deleted file mode 100644
index 0f2259ed9..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.mo.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ur.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ur.png
deleted file mode 100644
index 8eb38e7ec..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ur.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.zh.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.zh.png
deleted file mode 100644
index 77e4f4f06..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7fe.zh.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.mo.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.mo.png
deleted file mode 100644
index 0f2259ed9..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.mo.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.ur.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.ur.png
deleted file mode 100644
index 8eb38e7ec..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.ur.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.zh.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.zh.png
deleted file mode 100644
index 77e4f4f06..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.zh.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856a.mo.png b/translated_images/result.96ef01f607bf856a.mo.png
deleted file mode 100644
index 18195bb17..000000000
Binary files a/translated_images/result.96ef01f607bf856a.mo.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856a.ur.png b/translated_images/result.96ef01f607bf856a.ur.png
deleted file mode 100644
index da5847f4c..000000000
Binary files a/translated_images/result.96ef01f607bf856a.ur.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856a.zh.png b/translated_images/result.96ef01f607bf856a.zh.png
deleted file mode 100644
index f9eb4c64d..000000000
Binary files a/translated_images/result.96ef01f607bf856a.zh.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.mo.png b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.mo.png
deleted file mode 100644
index 18195bb17..000000000
Binary files a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.mo.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.ur.png b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.ur.png
deleted file mode 100644
index da5847f4c..000000000
Binary files a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.ur.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.zh.png b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.zh.png
deleted file mode 100644
index f9eb4c64d..000000000
Binary files a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.zh.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364.mo.png b/translated_images/screen1.baccbba0f1f93364.mo.png
deleted file mode 100644
index 79ef7ab2b..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364.mo.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364.ur.png b/translated_images/screen1.baccbba0f1f93364.ur.png
deleted file mode 100644
index 6edcbd09a..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364.ur.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364.zh.png b/translated_images/screen1.baccbba0f1f93364.zh.png
deleted file mode 100644
index fa4cd5f1c..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364.zh.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.mo.png b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.mo.png
deleted file mode 100644
index 79ef7ab2b..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.mo.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.ur.png b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.ur.png
deleted file mode 100644
index 6edcbd09a..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.ur.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.zh.png b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.zh.png
deleted file mode 100644
index fa4cd5f1c..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.zh.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14a.mo.png b/translated_images/screen2.123c82a831a1d14a.mo.png
deleted file mode 100644
index 96031b013..000000000
Binary files a/translated_images/screen2.123c82a831a1d14a.mo.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14a.ur.png b/translated_images/screen2.123c82a831a1d14a.ur.png
deleted file mode 100644
index 537ddf37a..000000000
Binary files a/translated_images/screen2.123c82a831a1d14a.ur.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14a.zh.png b/translated_images/screen2.123c82a831a1d14a.zh.png
deleted file mode 100644
index 517d15b2e..000000000
Binary files a/translated_images/screen2.123c82a831a1d14a.zh.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.mo.png b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.mo.png
deleted file mode 100644
index 96031b013..000000000
Binary files a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.mo.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.ur.png b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.ur.png
deleted file mode 100644
index 537ddf37a..000000000
Binary files a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.ur.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.zh.png b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.zh.png
deleted file mode 100644
index 517d15b2e..000000000
Binary files a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.zh.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b.mo.png b/translated_images/screenshot.0a1ee0d123df681b.mo.png
deleted file mode 100644
index 24397d527..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b.mo.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b.ur.png b/translated_images/screenshot.0a1ee0d123df681b.ur.png
deleted file mode 100644
index d112cc492..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b.ur.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b.zh.png b/translated_images/screenshot.0a1ee0d123df681b.zh.png
deleted file mode 100644
index e195f1374..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b.zh.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.mo.png b/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.mo.png
deleted file mode 100644
index 24397d527..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.mo.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.ur.png b/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.ur.png
deleted file mode 100644
index d112cc492..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.ur.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.zh.png b/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.zh.png
deleted file mode 100644
index e195f1374..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.zh.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e364568.mo.png b/translated_images/screenshot.e7a5ad659e364568.mo.png
deleted file mode 100644
index 40add7380..000000000
Binary files a/translated_images/screenshot.e7a5ad659e364568.mo.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e364568.ur.png b/translated_images/screenshot.e7a5ad659e364568.ur.png
deleted file mode 100644
index 5e52a57f5..000000000
Binary files a/translated_images/screenshot.e7a5ad659e364568.ur.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e364568.zh.png b/translated_images/screenshot.e7a5ad659e364568.zh.png
deleted file mode 100644
index 3f540867d..000000000
Binary files a/translated_images/screenshot.e7a5ad659e364568.zh.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.mo.png b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.mo.png
deleted file mode 100644
index 40add7380..000000000
Binary files a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.mo.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.ur.png b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.ur.png
deleted file mode 100644
index 5e52a57f5..000000000
Binary files a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.ur.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.zh.png b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.zh.png
deleted file mode 100644
index 3f540867d..000000000
Binary files a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.zh.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e.mo.png b/translated_images/screenshot_gray.0c796099a1f9f25e.mo.png
deleted file mode 100644
index 93b3e6857..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e.mo.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e.ur.png b/translated_images/screenshot_gray.0c796099a1f9f25e.ur.png
deleted file mode 100644
index 4c5aa9e53..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e.ur.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e.zh.png b/translated_images/screenshot_gray.0c796099a1f9f25e.zh.png
deleted file mode 100644
index eba2ac27f..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e.zh.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.mo.png b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.mo.png
deleted file mode 100644
index 93b3e6857..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.mo.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.ur.png b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.ur.png
deleted file mode 100644
index 4c5aa9e53..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.ur.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.zh.png b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.zh.png
deleted file mode 100644
index eba2ac27f..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.zh.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab.mo.png b/translated_images/shield.1b9412b7ca6610ab.mo.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab.mo.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab.ur.png b/translated_images/shield.1b9412b7ca6610ab.ur.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab.ur.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab.zh.png b/translated_images/shield.1b9412b7ca6610ab.zh.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab.zh.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.mo.png b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.mo.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.mo.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.ur.png b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.ur.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.ur.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.zh.png b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.zh.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.zh.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad737.mo.png b/translated_images/snapshot.97750180ebcad737.mo.png
deleted file mode 100644
index d6f94504b..000000000
Binary files a/translated_images/snapshot.97750180ebcad737.mo.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad737.ur.png b/translated_images/snapshot.97750180ebcad737.ur.png
deleted file mode 100644
index 243372517..000000000
Binary files a/translated_images/snapshot.97750180ebcad737.ur.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad737.zh.png b/translated_images/snapshot.97750180ebcad737.zh.png
deleted file mode 100644
index e7e383eb5..000000000
Binary files a/translated_images/snapshot.97750180ebcad737.zh.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.mo.png b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.mo.png
deleted file mode 100644
index d6f94504b..000000000
Binary files a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.mo.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.ur.png b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.ur.png
deleted file mode 100644
index 243372517..000000000
Binary files a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.ur.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.zh.png b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.zh.png
deleted file mode 100644
index e7e383eb5..000000000
Binary files a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.zh.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2.mo.png b/translated_images/spa.268ec73b41f992c2.mo.png
deleted file mode 100644
index f5d9bcf33..000000000
Binary files a/translated_images/spa.268ec73b41f992c2.mo.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2.ur.png b/translated_images/spa.268ec73b41f992c2.ur.png
deleted file mode 100644
index 5c8420c26..000000000
Binary files a/translated_images/spa.268ec73b41f992c2.ur.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2.zh.png b/translated_images/spa.268ec73b41f992c2.zh.png
deleted file mode 100644
index b790b51c4..000000000
Binary files a/translated_images/spa.268ec73b41f992c2.zh.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.mo.png b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.mo.png
deleted file mode 100644
index f5d9bcf33..000000000
Binary files a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.mo.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.ur.png b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.ur.png
deleted file mode 100644
index 5c8420c26..000000000
Binary files a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.ur.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.zh.png b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.zh.png
deleted file mode 100644
index b790b51c4..000000000
Binary files a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.zh.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1.mo.png b/translated_images/speedLine.5bcabb93f48b5ae1.mo.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1.mo.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1.ur.png b/translated_images/speedLine.5bcabb93f48b5ae1.ur.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1.ur.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1.zh.png b/translated_images/speedLine.5bcabb93f48b5ae1.zh.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1.zh.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.mo.png b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.mo.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.mo.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.ur.png b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.ur.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.ur.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.zh.png b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.zh.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.zh.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee.mo.png b/translated_images/spritesheet.bec82852290b14ee.mo.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee.mo.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee.ur.png b/translated_images/spritesheet.bec82852290b14ee.ur.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee.ur.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee.zh.png b/translated_images/spritesheet.bec82852290b14ee.zh.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee.zh.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.mo.png b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.mo.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.mo.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.ur.png b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.ur.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.ur.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.zh.png b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.zh.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.zh.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587d.mo.png b/translated_images/starBackground.a897b8acb1b0587d.mo.png
deleted file mode 100644
index 947c9c987..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587d.mo.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587d.ur.png b/translated_images/starBackground.a897b8acb1b0587d.ur.png
deleted file mode 100644
index 1eaffa574..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587d.ur.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587d.zh.png b/translated_images/starBackground.a897b8acb1b0587d.zh.png
deleted file mode 100644
index f7d810da7..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587d.zh.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.mo.png b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.mo.png
deleted file mode 100644
index 947c9c987..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.mo.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.ur.png b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.ur.png
deleted file mode 100644
index 1eaffa574..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.ur.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.zh.png b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.zh.png
deleted file mode 100644
index f7d810da7..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.zh.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d.mo.png b/translated_images/starBig.72e9c6d0d18f363d.mo.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d.mo.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d.ur.png b/translated_images/starBig.72e9c6d0d18f363d.ur.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d.ur.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d.zh.png b/translated_images/starBig.72e9c6d0d18f363d.zh.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d.zh.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.mo.png b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.mo.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.mo.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.ur.png b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.ur.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.ur.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.zh.png b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.zh.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.zh.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898.mo.png b/translated_images/starSmall.ed78b961dbcd0898.mo.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898.mo.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898.ur.png b/translated_images/starSmall.ed78b961dbcd0898.ur.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898.ur.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898.zh.png b/translated_images/starSmall.ed78b961dbcd0898.zh.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898.zh.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.mo.png b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.mo.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.mo.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.ur.png b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.ur.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.ur.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.zh.png b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.zh.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.zh.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b.mo.png b/translated_images/template.67ad477109d29a2b.mo.png
deleted file mode 100644
index 56d749716..000000000
Binary files a/translated_images/template.67ad477109d29a2b.mo.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b.ur.png b/translated_images/template.67ad477109d29a2b.ur.png
deleted file mode 100644
index 42e86b29c..000000000
Binary files a/translated_images/template.67ad477109d29a2b.ur.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b.zh.png b/translated_images/template.67ad477109d29a2b.zh.png
deleted file mode 100644
index a3d09a573..000000000
Binary files a/translated_images/template.67ad477109d29a2b.zh.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.mo.png b/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.mo.png
deleted file mode 100644
index 56d749716..000000000
Binary files a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.mo.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.ur.png b/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.ur.png
deleted file mode 100644
index 42e86b29c..000000000
Binary files a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.ur.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.zh.png b/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.zh.png
deleted file mode 100644
index a3d09a573..000000000
Binary files a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.zh.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84.mo.png b/translated_images/terrarium-final.0920f16e87c13a84.mo.png
deleted file mode 100644
index eba2ac27f..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84.mo.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84.ur.png b/translated_images/terrarium-final.0920f16e87c13a84.ur.png
deleted file mode 100644
index 4c5aa9e53..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84.ur.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84.zh.png b/translated_images/terrarium-final.0920f16e87c13a84.zh.png
deleted file mode 100644
index 29de1686b..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84.zh.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.mo.png b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.mo.png
deleted file mode 100644
index eba2ac27f..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.mo.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.ur.png b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.ur.png
deleted file mode 100644
index 4c5aa9e53..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.ur.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.zh.png b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.zh.png
deleted file mode 100644
index 29de1686b..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.zh.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a.mo.png b/translated_images/terrarium-final.2f07047ffc597d0a.mo.png
deleted file mode 100644
index 1a0137267..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a.mo.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a.ur.png b/translated_images/terrarium-final.2f07047ffc597d0a.ur.png
deleted file mode 100644
index ceffb461c..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a.ur.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a.zh.png b/translated_images/terrarium-final.2f07047ffc597d0a.zh.png
deleted file mode 100644
index 1a0137267..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a.zh.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.mo.png b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.mo.png
deleted file mode 100644
index 1a0137267..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.mo.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.ur.png b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.ur.png
deleted file mode 100644
index ceffb461c..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.ur.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.zh.png b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.zh.png
deleted file mode 100644
index 1a0137267..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.zh.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f.mo.png b/translated_images/validation-error.8bd23e98d416c22f.mo.png
deleted file mode 100644
index e09345d63..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f.mo.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f.ur.png b/translated_images/validation-error.8bd23e98d416c22f.ur.png
deleted file mode 100644
index e1dea7949..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f.ur.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f.zh.png b/translated_images/validation-error.8bd23e98d416c22f.zh.png
deleted file mode 100644
index 3a980714e..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f.zh.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.mo.png b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.mo.png
deleted file mode 100644
index e09345d63..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.mo.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.ur.png b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.ur.png
deleted file mode 100644
index e1dea7949..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.ur.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.zh.png b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.zh.png
deleted file mode 100644
index 3a980714e..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.zh.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb9.mo.png b/translated_images/vs-code-index.e2986cf919471eb9.mo.png
deleted file mode 100644
index 942a5e61d..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb9.mo.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb9.ur.png b/translated_images/vs-code-index.e2986cf919471eb9.ur.png
deleted file mode 100644
index 50522f145..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb9.ur.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb9.zh.png b/translated_images/vs-code-index.e2986cf919471eb9.zh.png
deleted file mode 100644
index 4d7d6f27b..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb9.zh.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.mo.png b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.mo.png
deleted file mode 100644
index 942a5e61d..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.mo.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.ur.png b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.ur.png
deleted file mode 100644
index 50522f145..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.ur.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.zh.png b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.zh.png
deleted file mode 100644
index 4d7d6f27b..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a.mo.png b/translated_images/webdev101-a11y.8ef3025c858d897a.mo.png
deleted file mode 100644
index 9486a8ff8..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a.ur.png b/translated_images/webdev101-a11y.8ef3025c858d897a.ur.png
deleted file mode 100644
index fcf3355da..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a.zh.png b/translated_images/webdev101-a11y.8ef3025c858d897a.zh.png
deleted file mode 100644
index 2fe95d935..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.mo.png b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.mo.png
deleted file mode 100644
index 9486a8ff8..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ur.png b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ur.png
deleted file mode 100644
index fcf3355da..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.zh.png b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.zh.png
deleted file mode 100644
index 2fe95d935..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a20.mo.png b/translated_images/webdev101-css.3f7af5991bf53a20.mo.png
deleted file mode 100644
index e2cdc0294..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a20.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a20.ur.png b/translated_images/webdev101-css.3f7af5991bf53a20.ur.png
deleted file mode 100644
index 541e18fdc..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a20.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a20.zh.png b/translated_images/webdev101-css.3f7af5991bf53a20.zh.png
deleted file mode 100644
index 732baba05..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a20.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.mo.png b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.mo.png
deleted file mode 100644
index e2cdc0294..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.ur.png b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.ur.png
deleted file mode 100644
index 541e18fdc..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.zh.png b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.zh.png
deleted file mode 100644
index 732baba05..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f9.mo.png b/translated_images/webdev101-github.8846d7971abef6f9.mo.png
deleted file mode 100644
index 8b52b04cb..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f9.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f9.ur.png b/translated_images/webdev101-github.8846d7971abef6f9.ur.png
deleted file mode 100644
index baab732b4..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f9.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f9.zh.png b/translated_images/webdev101-github.8846d7971abef6f9.zh.png
deleted file mode 100644
index 2c9960652..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f9.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.mo.png b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.mo.png
deleted file mode 100644
index 8b52b04cb..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.ur.png b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.ur.png
deleted file mode 100644
index baab732b4..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.zh.png b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.zh.png
deleted file mode 100644
index 2c9960652..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98.mo.png b/translated_images/webdev101-html.4389c2067af68e98.mo.png
deleted file mode 100644
index 2087c3e8e..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98.ur.png b/translated_images/webdev101-html.4389c2067af68e98.ur.png
deleted file mode 100644
index d7994b0fe..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98.zh.png b/translated_images/webdev101-html.4389c2067af68e98.zh.png
deleted file mode 100644
index ef71ca6dd..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.mo.png b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.mo.png
deleted file mode 100644
index 2087c3e8e..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.ur.png b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.ur.png
deleted file mode 100644
index d7994b0fe..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.zh.png b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.zh.png
deleted file mode 100644
index ef71ca6dd..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a29455.mo.png b/translated_images/webdev101-js-arrays.439d7528b8a29455.mo.png
deleted file mode 100644
index c1608a9dc..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a29455.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a29455.ur.png b/translated_images/webdev101-js-arrays.439d7528b8a29455.ur.png
deleted file mode 100644
index 66344972b..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a29455.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a29455.zh.png b/translated_images/webdev101-js-arrays.439d7528b8a29455.zh.png
deleted file mode 100644
index 412583be3..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a29455.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.mo.png b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.mo.png
deleted file mode 100644
index c1608a9dc..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.ur.png b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.ur.png
deleted file mode 100644
index 66344972b..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.zh.png b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.zh.png
deleted file mode 100644
index 412583be3..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c.mo.png b/translated_images/webdev101-js-datatypes.4cc470179730702c.mo.png
deleted file mode 100644
index 40c3f53e9..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c.ur.png b/translated_images/webdev101-js-datatypes.4cc470179730702c.ur.png
deleted file mode 100644
index e0469481b..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c.zh.png b/translated_images/webdev101-js-datatypes.4cc470179730702c.zh.png
deleted file mode 100644
index 06ae8deff..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.mo.png b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.mo.png
deleted file mode 100644
index 40c3f53e9..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.ur.png b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.ur.png
deleted file mode 100644
index e0469481b..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.zh.png b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.zh.png
deleted file mode 100644
index 06ae8deff..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.mo.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.mo.png
deleted file mode 100644
index 47ac2b359..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ur.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ur.png
deleted file mode 100644
index 5d9e63c09..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.zh.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.zh.png
deleted file mode 100644
index 2de5c5271..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.mo.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.mo.png
deleted file mode 100644
index 47ac2b359..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.ur.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.ur.png
deleted file mode 100644
index 5d9e63c09..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.zh.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.zh.png
deleted file mode 100644
index 2de5c5271..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b.mo.png b/translated_images/webdev101-js-functions.be049c4726e94f8b.mo.png
deleted file mode 100644
index d6f9e24a8..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b.ur.png b/translated_images/webdev101-js-functions.be049c4726e94f8b.ur.png
deleted file mode 100644
index 923b0912b..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b.zh.png b/translated_images/webdev101-js-functions.be049c4726e94f8b.zh.png
deleted file mode 100644
index 3d9ecbf40..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.mo.png b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.mo.png
deleted file mode 100644
index d6f9e24a8..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.ur.png b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.ur.png
deleted file mode 100644
index 923b0912b..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.zh.png b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.zh.png
deleted file mode 100644
index 3d9ecbf40..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaa.mo.png b/translated_images/webdev101-js.10280393044d7eaa.mo.png
deleted file mode 100644
index ac56b6595..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaa.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaa.ur.png b/translated_images/webdev101-js.10280393044d7eaa.ur.png
deleted file mode 100644
index e30f97e86..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaa.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaa.zh.png b/translated_images/webdev101-js.10280393044d7eaa.zh.png
deleted file mode 100644
index 802edef90..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaa.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.mo.png b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.mo.png
deleted file mode 100644
index ac56b6595..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.ur.png b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.ur.png
deleted file mode 100644
index e30f97e86..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.zh.png b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.zh.png
deleted file mode 100644
index 802edef90..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff.mo.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff.mo.png
deleted file mode 100644
index 31a917f11..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff.ur.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff.ur.png
deleted file mode 100644
index ca7639eaa..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff.zh.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff.zh.png
deleted file mode 100644
index 7dd150ee3..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff.zh.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.mo.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.mo.png
deleted file mode 100644
index 31a917f11..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.mo.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.ur.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.ur.png
deleted file mode 100644
index ca7639eaa..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.ur.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.zh.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.zh.png
deleted file mode 100644
index 7dd150ee3..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.zh.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3.mo.png b/translated_images/working-tree-pb.6cd43e5076f23ba3.mo.png
deleted file mode 100644
index 3e2a7bd2f..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3.mo.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3.ur.png b/translated_images/working-tree-pb.6cd43e5076f23ba3.ur.png
deleted file mode 100644
index 2b77861bc..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3.ur.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3.zh.png b/translated_images/working-tree-pb.6cd43e5076f23ba3.zh.png
deleted file mode 100644
index 4073d688f..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3.zh.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.mo.png b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.mo.png
deleted file mode 100644
index 3e2a7bd2f..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.mo.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.ur.png b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.ur.png
deleted file mode 100644
index 2b77861bc..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.ur.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.zh.png b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.zh.png
deleted file mode 100644
index 4073d688f..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.zh.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79.mo.png b/translated_images/working-tree.c58eec08e6335c79.mo.png
deleted file mode 100644
index 057fafffa..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79.mo.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79.ur.png b/translated_images/working-tree.c58eec08e6335c79.ur.png
deleted file mode 100644
index 659373e00..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79.ur.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79.zh.png b/translated_images/working-tree.c58eec08e6335c79.zh.png
deleted file mode 100644
index da9c3ebe2..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79.zh.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.mo.png b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.mo.png
deleted file mode 100644
index 057fafffa..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.mo.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.ur.png b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.ur.png
deleted file mode 100644
index 659373e00..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.ur.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.zh.png b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.zh.png
deleted file mode 100644
index da9c3ebe2..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.zh.png and /dev/null differ
diff --git a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 226134aa5..7a6f4f678 100644
--- a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не само възможно, но и наистина пристрастяващо. Говоря за същите редактори, браузъри и работни процеси, които разработчиците в Netflix, Spotify и любимото ти инди студио използват всеки ден. И ето и частта, която ще те накара да се зарадваш: повечето от тези професионални, индустриални инструменти са напълно безплатни!
 
-![Intro Programming](../../../../translated_images/bg/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/bg/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bg/1-getting-started-lessons/2-github-basics/README.md b/translations/bg/1-getting-started-lessons/2-github-basics/README.md
index 3b580d99a..aafb514bf 100644
--- a/translations/bg/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/bg/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ще изминаем това пътешествие заедно, стъпка по стъпка. Без бързане, без натиск – само ти, аз и някои много яки инструменти, които ще станат твоите най-добри приятели!
 
-![Intro to GitHub](../../../../translated_images/bg/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/bg/webdev101-github.8846d7971abef6f9.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ flowchart TD
 
 ✅ Един добър начин да намерите 'начинаещи-приятелски' репота е да [търсите по етикет 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Копиране на репо локално](../../../../translated_images/bg/clone_repo.5085c48d666ead57.png)
+![Копиране на репо локално](../../../../translated_images/bg/clone_repo.5085c48d666ead57.webp)
 
 Има няколко начина да копирате кода. Един от тях е да "клонирате" съдържанието на репозитория, използвайки HTTPS, SSH или с помощта на GitHub CLI (Интерфейс на командния ред).
 
diff --git a/translations/bg/1-getting-started-lessons/3-accessibility/README.md b/translations/bg/1-getting-started-lessons/3-accessibility/README.md
index 705957ffd..66867f77e 100644
--- a/translations/bg/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/bg/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Създаване на достъпни уебстраници
 
-![Всичко за достъпността](../../../../translated_images/bg/webdev101-a11y.8ef3025c858d897a.png)
+![Всичко за достъпността](../../../../translated_images/bg/webdev101-a11y.8ef3025c858d897a.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bg/2-js-basics/1-data-types/README.md b/translations/bg/2-js-basics/1-data-types/README.md
index fe4335536..c8b498d6d 100644
--- a/translations/bg/2-js-basics/1-data-types/README.md
+++ b/translations/bg/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Основи на JavaScript: Типове данни
 
-![JavaScript Basics - Data types](../../../../translated_images/bg/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/bg/webdev101-js-datatypes.4cc470179730702c.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bg/2-js-basics/2-functions-methods/README.md b/translations/bg/2-js-basics/2-functions-methods/README.md
index e186c64ca..12fde31c9 100644
--- a/translations/bg/2-js-basics/2-functions-methods/README.md
+++ b/translations/bg/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Основи на JavaScript: Методи и функции
 
-![Основи на JavaScript - Функции](../../../../translated_images/bg/webdev101-js-functions.be049c4726e94f8b.png)
+![Основи на JavaScript - Функции](../../../../translated_images/bg/webdev101-js-functions.be049c4726e94f8b.webp)
 > Скетчнот от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bg/2-js-basics/3-making-decisions/README.md b/translations/bg/2-js-basics/3-making-decisions/README.md
index e9f0654d1..85d4be3ea 100644
--- a/translations/bg/2-js-basics/3-making-decisions/README.md
+++ b/translations/bg/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Основи на JavaScript: Вземане на решения
 
-![JavaScript Basics - Making decisions](../../../../translated_images/bg/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/bg/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Скетчнот от [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/bg/2-js-basics/4-arrays-loops/README.md b/translations/bg/2-js-basics/4-arrays-loops/README.md
index 68c8e5fc5..6dc6f4f66 100644
--- a/translations/bg/2-js-basics/4-arrays-loops/README.md
+++ b/translations/bg/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Основи на JavaScript: Масиви и цикли
 
-![Основи на JavaScript - Масиви](../../../../translated_images/bg/webdev101-js-arrays.439d7528b8a29455.png)
+![Основи на JavaScript - Масиви](../../../../translated_images/bg/webdev101-js-arrays.439d7528b8a29455.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bg/3-terrarium/1-intro-to-html/README.md b/translations/bg/3-terrarium/1-intro-to-html/README.md
index c1225dd5d..8e69f7645 100644
--- a/translations/bg/3-terrarium/1-intro-to-html/README.md
+++ b/translations/bg/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Подобряване на достъпността: 5: Student
       Създаване на терариум: 5: Student
 ```
-![Introduction to HTML](../../../../translated_images/bg/webdev101-html.4389c2067af68e98.png)
+![Introduction to HTML](../../../../translated_images/bg/webdev101-html.4389c2067af68e98.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML или HyperText Markup Language е основата на всеки уебсайт, който някога сте посещавали. Помислете за HTML като за скелета, който дава структура на уеб страниците – той определя къде да отиде съдържанието, как е организирано и какво представлява всяка част. Докато CSS по-късно „облича“ вашия HTML с цветове и оформления, а JavaScript го оживява с интерактивност, HTML осигурява съществената структура, която прави всичко останало възможно.
@@ -86,7 +86,7 @@ mindmap
 4. В панела Explorer кликнете иконата за "New File"
 5. Наименувайте файла си `index.html`
 
-![VS Code Explorer showing new file creation](../../../../translated_images/bg/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer showing new file creation](../../../../translated_images/bg/vs-code-index.e2986cf919471eb9.webp)
 
 **Опция 2: Използване на команди в терминала**
 ```bash
diff --git a/translations/bg/3-terrarium/2-intro-to-css/README.md b/translations/bg/3-terrarium/2-intro-to-css/README.md
index 9673675a1..9bddf73de 100644
--- a/translations/bg/3-terrarium/2-intro-to-css/README.md
+++ b/translations/bg/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Адаптивен дизайн: 5: Student
       Стъклени отражения: 5: Student
 ```
-![Въведение в CSS](../../../../translated_images/bg/webdev101-css.3f7af5991bf53a20.png)
+![Въведение в CSS](../../../../translated_images/bg/webdev101-css.3f7af5991bf53a20.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Спомняте ли си как вашият HTML терариум изглеждаше доста основен? CSS е мястото, където преобразяваме тази обикновена структура във визуално привлекателна.
@@ -202,7 +202,7 @@ body {
 
 Отворете инструменти за разработчици на вашия браузър (F12), отидете на раздел Elements и инспектирайте вашия `<h1>` елемент. Ще видите, че той наследява шрифтa от body:
 
-![наследен шрифт](../../../../translated_images/bg/1.cc07a5cbe114ad1d.png)
+![наследен шрифт](../../../../translated_images/bg/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Време за експеримент**: Опитайте да зададете други наследяеми свойства на `<body>`, като `color`, `line-height` или `text-align`. Какво се случва с вашия заглавен елемент и други елементи?
 
@@ -594,7 +594,7 @@ flowchart LR
 
 Ще създадете нежни отблясъци, които симулират как светлината се отразява от стъклени повърхности. Този подход е подобен на техниката на ренесансови художници като Ян ван Ейк, които използвали светлина и отражения, за да направят изрисуваното стъкло триизмерно. Ето какво трябва да постигнете:
 
-![finished terrarium](../../../../translated_images/bg/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/bg/terrarium-final.2f07047ffc597d0a.webp)
 
 **Вашата задача:**
 - **Създайте** нежни бели или светли овални форми за отражения върху стъклото
diff --git a/translations/bg/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/bg/3-terrarium/3-intro-to-DOM-and-closures/README.md
index e9e31b6df..91aefa2a9 100644
--- a/translations/bg/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/bg/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Тествайте функционалността: 5: Student
       Завършете терариума: 5: Student
 ```
-![DOM и замикване](../../../../translated_images/bg/webdev101-js.10280393044d7eaa.png)
+![DOM и замикване](../../../../translated_images/bg/webdev101-js.10280393044d7eaa.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Добре дошли в един от най-ангажиращите аспекти на уеб разработката - правенето на нещата интерактивни! Document Object Model (DOM) е като мост между вашия HTML и JavaScript, и днес ще го използваме, за да вдъхнем живот на вашия терариум. Когато Тим Бернърс-Лий създава първия уеб браузър, той си представя уеб, където документите могат да бъдат динамични и интерактивни - DOM прави тази визия възможна.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![Представяне на DOM дърво](../../../../translated_images/bg/dom-tree.7daf0e763cbbba92.png)
+![Представяне на DOM дърво](../../../../translated_images/bg/dom-tree.7daf0e763cbbba92.webp)
 
 > Представяне на DOM и HTML маркировката, която го реферира. От [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Разбиране на замикванията**: Замикванията са важна тема в JavaScript, и много разработчици ги използват години преди да разберат напълно всички теоретични аспекти. Днес се фокусираме върху практическото приложение - ще видите как замикванията естествено изникват докато изграждаме нашите интерактивни функции. Разбирането ще се развива докато виждате как те решават реални проблеми.
 
-![Представяне на DOM дърво](../../../../translated_images/bg/dom-tree.7daf0e763cbbba92.png)
+![Представяне на DOM дърво](../../../../translated_images/bg/dom-tree.7daf0e763cbbba92.webp)
 
 > Представяне на DOM и HTML маркировката, която го реферира. От [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **Поддръжка на различни устройства**: Работи и на десктоп, и на мобилни устройства
 - **Осъзнатост за производителност**: Без изтичания на памет или излишни изчисления
 
-![finished terrarium](../../../../translated_images/bg/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/bg/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/bg/3-terrarium/solution/README.md b/translations/bg/3-terrarium/solution/README.md
index 39188996b..73b4cdcba 100644
--- a/translations/bg/3-terrarium/solution/README.md
+++ b/translations/bg/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Малка медитация с влачене и пускане на код. С малко HTML, JS и CSS можете да създадете уеб интерфейс, да го стилизирате и да добавите интеракция.
 
-![моето терариумче](../../../../translated_images/bg/screenshot_gray.0c796099a1f9f25e.png)
+![моето терариумче](../../../../translated_images/bg/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Кредити
 
diff --git a/translations/bg/5-browser-extension/1-about-browsers/README.md b/translations/bg/5-browser-extension/1-about-browsers/README.md
index 539d5d095..e81d797fb 100644
--- a/translations/bg/5-browser-extension/1-about-browsers/README.md
+++ b/translations/bg/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Отстраняване на проблеми: 4: Student
       Удържане на потребителското изживяване: 5: Student
 ```
-![Бележка за браузър](../../../../translated_images/bg/browser.60317c9be8b7f84a.jpg)
+![Бележка за браузър](../../../../translated_images/bg/browser.60317c9be8b7f84a.webp)
 > Бележка от [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Пред-лекционен тест
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **Малко история**: Първият браузър се казваше 'WorldWideWeb' и беше създаден от сър Тимъти Бърнърс-Лий през 1990 г.
 
-![ранни браузъри](../../../../translated_images/bg/earlybrowsers.d984b711cdf3a42d.jpg)
+![ранни браузъри](../../../../translated_images/bg/earlybrowsers.d984b711cdf3a42d.webp)
 > Някои ранни браузъри, чрез [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Как браузърите обработват уеб съдържание
@@ -194,7 +194,7 @@ quadrantChart
 
 Разбирането на процеса по инсталация на разширения помага да предвидите потребителското изживяване при инсталиране на вашето разширение. Този процес е стандартизиран във всички съвременни браузъри, с малки различия в дизайна на интерфейса.
 
-![екранна снимка на браузъра Edge, показваща отворената страница edge://extensions и отворено меню с настройки](../../../../translated_images/bg/install-on-edge.d68781acaf0b3d3d.png)
+![екранна снимка на браузъра Edge, показваща отворената страница edge://extensions и отворено меню с настройки](../../../../translated_images/bg/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Важно**: Уверете се, че сте активирали режим за разработчици и разрешили разширения от други магазини, когато тествате собствените си разширения.
 
@@ -308,10 +308,10 @@ project-root/
 ### Преглед на изгледите на разширението
 
 **Екран за настройка** - Конфигурация при първото използване:
-![екранна снимка на завършеното разширение, отворено в браузър, показваща форма с полета за име на регион и API ключ.](../../../../translated_images/bg/1.b6da8c1394b07491.png)
+![екранна снимка на завършеното разширение, отворено в браузър, показваща форма с полета за име на регион и API ключ.](../../../../translated_images/bg/1.b6da8c1394b07491.webp)
 
 **Екран с резултати** - Показване на данните за въглеродния отпечатък:
-![екранна снимка на завършеното разширение, показваща стойности за въглеродно потребление и процент изкопаеми горива за региона US-NEISO.](../../../../translated_images/bg/2.1dae52ff08042246.png)
+![екранна снимка на завършеното разширение, показваща стойности за въглеродно потребление и процент изкопаеми горива за региона US-NEISO.](../../../../translated_images/bg/2.1dae52ff08042246.webp)
 
 ### Изграждане на формата за конфигурация
 
diff --git a/translations/bg/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/bg/5-browser-extension/2-forms-browsers-local-storage/README.md
index 178cc78ca..08e987aaf 100644
--- a/translations/bg/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/bg/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Премахване на запазените данни
     ClearStorage --> FirstTime: Връщане към настройките
 ```
-![Local storage pane](../../../../translated_images/bg/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/bg/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Съображения за сигурността**: В продукционни приложения съхраняването на API ключове в LocalStorage представлява риск за сигурността, защото JavaScript може да има достъп до тези данни. За учебни цели този подход е приемлив, но реалните приложения трябва да използват защитено сървърно съхранение за чувствителни данни.
 
diff --git a/translations/bg/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/bg/5-browser-extension/3-background-tasks-and-performance/README.md
index 7b52873da..fba61ee91 100644
--- a/translations/bg/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/bg/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 Нека опитаме. Отворете уебсайт (Microsoft.com е добър пример) и кликнете бутона 'Record'. Сега обновете страницата и гледайте профайлъра как улавя всичко, което се случва. Когато спрете записа, ще видите детайлно разграфяване на това как браузърът „изпълнява скриптове“, „рендерира“ и „рисува“ сайта. Това ми напомня за начина, по който мисия контрол следи всяка система по време на изстрелване на ракета - получавате данни в реално време за точно какво и кога се случва.
 
-![Edge профайлър](../../../../translated_images/bg/profiler.5a4a62479c5df01c.png)
+![Edge профайлър](../../../../translated_images/bg/profiler.5a4a62479c5df01c.webp)
 
 ✅ Документацията на [Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) има много повече подробности, ако искате да навлезете по-дълбоко
 
@@ -133,11 +133,11 @@ flowchart LR
 
 Вземете моментна снимка на производителността на страницата, като изберете част от хронологията на профила и погледнете обобщения прозорец:
 
-![Edge snapshot](../../../../translated_images/bg/snapshot.97750180ebcad737.png)
+![Edge snapshot](../../../../translated_images/bg/snapshot.97750180ebcad737.webp)
 
 Проверете прозореца с журнал на събития, за да видите дали някое събитие е продължило повече от 15 ms:
 
-![Edge журнал на събития](../../../../translated_images/bg/log.804026979f3707e0.png)
+![Edge журнал на събития](../../../../translated_images/bg/log.804026979f3707e0.webp)
 
 ✅ Запознайте се с профайлъра! Отворете developer tools на този сайт и вижте дали има тесни места. Кой е най-бавно зареждащият се ресурс? Най-бързият?
 
diff --git a/translations/bg/5-browser-extension/README.md b/translations/bg/5-browser-extension/README.md
index 3b060c331..0577ba251 100644
--- a/translations/bg/5-browser-extension/README.md
+++ b/translations/bg/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Кредити
 
-![зелено браузър разширение](../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![зелено браузър разширение](../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Кредити
 
diff --git a/translations/bg/5-browser-extension/solution/README.md b/translations/bg/5-browser-extension/solution/README.md
index fab23a95f..4522f2223 100644
--- a/translations/bg/5-browser-extension/solution/README.md
+++ b/translations/bg/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Използвайки API на tmrow за CO2 Signal, създайте разширение за браузър, което да ви напомня директно в браузъра за натовареността на електрическата мрежа във вашия регион. Използването на това разширение ще ви помогне да вземате информирани решения за вашите дейности въз основа на тази информация.
 
-![екранна снимка на разширението](../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението](../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Първи стъпки
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, използвайте менюто с „три точки“ в горния десен ъгъл на браузъра, за да намерите панела с разширения. Оттам изберете „Load Unpacked“, за да заредите ново разширение. Отворете папката „dist“ при подканата и разширението ще се зареди. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([вземете го тук чрез имейл](https://www.co2signal.com/) - въведете вашия имейл в полето на тази страница) и [код за вашия регион](http://api.electricitymap.org/v3/zones), съответстващ на [Electricity Map](https://www.electricitymap.org/map) (например в Бостън използвам 'US-NEISO').
 
-![инсталиране](../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![инсталиране](../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на разширението на браузъра трябва да се промени, за да отрази енергийната натовареност на вашия регион. Тя ще ви даде насоки за това кои дейности, изискващи повече енергия, са подходящи за изпълнение. Концепцията зад тази система с „точка“ ми беше вдъхновена от [разширението Energy Lollipop](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/solution/translation/README.fr.md b/translations/bg/5-browser-extension/solution/translation/README.fr.md
index 03f36b0eb..13342951e 100644
--- a/translations/bg/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/bg/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Използвайки API-то на CO2 Signal от tmrow за проследяване на потреблението на електроенергия, създайте разширение за браузър, което да ви напомня директно в браузъра за потреблението на електроенергия във вашия регион. Използването на това разширение ще ви помогне да вземате информирани решения за вашите дейности въз основа на тази информация.
 
-![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Начало
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате на Edge, използвайте менюто с 'три точки' в горния десен ъгъл на браузъра, за да намерите панела за разширения. Оттам изберете 'Зареждане на разархивирано разширение', за да добавите ново разширение. Отворете папката 'dist', когато бъдете подканени, и разширението ще се зареди. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([вземете го тук по имейл](https://www.co2signal.com/) - въведете вашия имейл в полето на тази страница) и [код за вашия регион](http://api.electricitymap.org/v3/zones), съответстващ на [Картата на електроенергията](https://www.electricitymap.org/map) (например за Бостън използвам 'US-NEISO').
 
-![инсталация](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![инсталация](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на разширенията на браузъра трябва да се промени, за да отрази потреблението на енергия във вашия регион. Това ще ви даде индикатор за енергоемките дейности, които е подходящо да извършвате. Концепцията зад тази система с 'точки' ми беше вдъхновена от [разширението Energy Lollipop](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/solution/translation/README.hi.md b/translations/bg/5-browser-extension/solution/translation/README.hi.md
index 25fbba14a..7785ca6ef 100644
--- a/translations/bg/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/bg/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Използване на API на CO2 Signal от tmrow за проследяване на потреблението на електроенергия, създаване на браузър разширение, което да ви напомня колко натоварено е потреблението на електроенергия във вашия регион. Използването на това разширение ще ви помогне да вземате решения за вашите дейности въз основа на тази информация.
 
-![Скрийншот на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![Скрийншот на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Започване
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, използвайте менюто „три точки“ в горния десен ъгъл на браузъра, за да намерите панела за разширения. Оттам изберете „Load unpacked“, за да заредите ново разширение. В подканата отворете папката „dist“ и разширението ще бъде заредено. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([получете го тук чрез имейл](https://www.co2signal.com/) – въведете вашия имейл в полето на страницата) и [код за вашия регион](http://api.electricitymap.org/v3/zones) от [Electricity Map](https://www.electricitymap.org/map) (например, за Бостън използвам „US-NEISO“).
 
-![Инсталиране](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![Инсталиране](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на браузър разширението трябва да се промени, за да отразява потреблението на енергия във вашия регион и да ви даде индикатор за това кои енергоемки дейности са подходящи за изпълнение. Концепцията за тази система с „точка“ ми беше вдъхновена от [Energy Lollipop Extension](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/solution/translation/README.it.md b/translations/bg/5-browser-extension/solution/translation/README.it.md
index f8439df6a..db78a1072 100644
--- a/translations/bg/5-browser-extension/solution/translation/README.it.md
+++ b/translations/bg/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ще използваме API-то Signal CO2 на tmrow, за да следим потреблението на електричество и да създадем разширение за браузър, което да ви напомня директно в браузъра колко интензивно е използването на електричество във вашия регион. Използването на това специално разширение ще ви помогне да оцените дейностите си въз основа на тази информация.
 
-![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Начало
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, използвайте менюто с "три точки" в горния десен ъгъл на браузъра, за да намерите панела за разширения. Ако не е активиран, включете Режим за разработчици (в долния ляв ъгъл). Изберете "Зареди разархивирано", за да добавите ново разширение. Отворете папката "dist" в подканата и разширението ще бъде заредено. За да го използвате, ще ви е необходим API ключ за CO2 Signal API (можете да го [получите тук чрез имейл](https://www.co2signal.com/) - въведете своя имейл в полето на тази страница) и [код за вашия регион](http://api.electricitymap.org/v3/zones), съответстващ на [електрическата карта](https://www.electricitymap.org/map) (например за Бостън, "US-NEISO").
 
-![инсталация](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![инсталация](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на разширението на браузъра трябва да се промени, за да отрази енергийното потребление на региона и да предостави насоки за това кои дейности с висока енергийна консумация са подходящи за изпълнение. Концепцията зад тази система с "точки" е вдъхновена от [разширението Energy Lollipop](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/solution/translation/README.ja.md b/translations/bg/5-browser-extension/solution/translation/README.ja.md
index bd546ef37..3f30078d8 100644
--- a/translations/bg/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/bg/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Създайте разширение за браузър, което използва API на CO2 Signal от tmrow, за да следи потреблението на енергия във вашия регион и да го показва като напомняне директно в браузъра. Това разширение може да се използва, за да вземате информирани решения относно вашите дейности въз основа на тази информация.
 
-![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Въведение
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, намерете панела „Разширения“ от менюто с „три точки“ в горния десен ъгъл на браузъра. Оттам изберете „Load Unpacked“ и заредете новото разширение. Когато бъдете подканени, отворете папката „dist“, за да заредите разширението. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([вземете го тук чрез имейл](https://www.co2signal.com/) - въведете имейла си в полето на тази страница) и [код за вашия регион](http://api.electricitymap.org/v3/zones), съвместим с [Electricity Map](https://www.electricitymap.org/map) (например за Бостън използвайте 'US-NEISO').
 
-![инсталиране](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![инсталиране](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветна точка, която се показва в лентата на разширенията на браузъра, ще се променя, за да отразява енергийното потребление във вашия регион. Това ще ви помогне да определите кои дейности, изискващи енергия, са подходящи в момента. Концепцията за тази „точкова“ система е вдъхновена от [Energy Lollipop extension](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/solution/translation/README.ms.md b/translations/bg/5-browser-extension/solution/translation/README.ms.md
index 59ffb680a..5ab04afec 100644
--- a/translations/bg/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/bg/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Използвайки API на CO2 Signal от tmrow за проследяване на електрическата консумация, създайте разширение за браузър, което да ви предупреждава за нивото на електрическа консумация във вашия регион. Използването на това разширение ще ви помогне да вземате информирани решения относно вашите дейности въз основа на тази информация.
 
-![екранна снимка на разширението за браузър](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението за браузър](../../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Започнете оттук
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, използвайте менюто с „три точки“ в горния десен ъгъл на браузъра, за да намерите панела Разширения. Оттам изберете „Load Unpacked“, за да заредите новото разширение. Отворете папката 'dist', когато бъдете подканени, и разширението ще бъде заредено. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([вземете го тук чрез имейл](https://www.co2signal.com/) - въведете имейла си в полето на страницата) и [код за вашия регион](http://api.electricitymap.org/v3/zones), който съответства на [Electricity Map](https://www.electricitymap.org/map) (например в Бостън използвам 'US-NEISO').
 
-![изтегляне](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![изтегляне](../../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на разширението на браузъра ще се променя, за да отразява енергийната консумация във вашия регион и ще ви дава насоки за подходящи дейности. Концепцията зад системата с „точки“ беше вдъхновена от [разширението за браузър Energy Lollipop](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/5-browser-extension/start/README.md b/translations/bg/5-browser-extension/start/README.md
index 3f1c57953..01e99c7a1 100644
--- a/translations/bg/5-browser-extension/start/README.md
+++ b/translations/bg/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Използвайки API на tmrow за CO2 Signal, можете да следите електрическата консумация и да създадете разширение за браузър, което да ви напомня директно в браузъра колко интензивно е използването на електроенергия във вашия регион. Използването на това разширение ще ви помогне да вземате информирани решения за вашите дейности въз основа на тази информация.
 
-![екранна снимка на разширението](../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.png)
+![екранна снимка на разширението](../../../../translated_images/bg/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Първи стъпки
 
@@ -31,7 +31,7 @@ npm run build
 
 За да го инсталирате в Edge, използвайте менюто с „три точки“ в горния десен ъгъл на браузъра, за да намерите панела с разширения. Оттам изберете „Load Unpacked“, за да заредите ново разширение. Отворете папката „dist“ при подканата и разширението ще се зареди. За да го използвате, ще ви е необходим API ключ за CO2 Signal ([вземете го тук чрез имейл](https://www.co2signal.com/) - въведете вашия имейл в полето на тази страница) и [код за вашия регион](http://api.electricitymap.org/v3/zones), съответстващ на [Electricity Map](https://www.electricitymap.org/map) (например, в Бостън използвам „US-NEISO“).
 
-![инсталиране](../../../../translated_images/bg/install-on-edge.78634f02842c4828.png)
+![инсталиране](../../../../translated_images/bg/install-on-edge.78634f02842c4828.webp)
 
 След като въведете API ключа и региона в интерфейса на разширението, цветната точка в лентата на разширението на браузъра трябва да се промени, за да отрази енергийната консумация във вашия регион. Тя ще ви даде насоки за това кои дейности, изискващи повече енергия, са подходящи за изпълнение. Концепцията зад тази система с „точка“ ми беше вдъхновена от [Energy Lollipop разширението](https://energylollipop.com/) за емисиите в Калифорния.
 
diff --git a/translations/bg/6-space-game/2-drawing-to-canvas/README.md b/translations/bg/6-space-game/2-drawing-to-canvas/README.md
index 16f70fef4..84f3a1f66 100644
--- a/translations/bg/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/bg/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![мрежата на canvas](../../../../translated_images/bg/canvas_grid.5f209da785ded492.png)
+![мрежата на canvas](../../../../translated_images/bg/canvas_grid.5f209da785ded492.webp)
 > Изображение от [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 За да рисувате върху canvas елемента, ще следвате същия тристепенен процес, който образува основата на цялата canvas графика. След като го направите няколко пъти, това ще стане втора природа:
@@ -323,11 +323,11 @@ flowchart TD
 
 - Геройски кораб
 
-   ![Геройски кораб](../../../../translated_images/bg/player.dd24c1afa8c71e9b.png)
+   ![Геройски кораб](../../../../translated_images/bg/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 чудовища
 
-   ![Чудовище](../../../../translated_images/bg/enemyShip.5df2a822c16650c2.png)
+   ![Чудовище](../../../../translated_images/bg/enemyShip.5df2a822c16650c2.webp)
 
 ### Препоръчителни стъпки за започване на разработка
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Крайният резултат трябва да изглежда така:
 
-![Черноекран с герой и 5*5 чудовища](../../../../translated_images/bg/partI-solution.36c53b48c9ffae2a.png)
+![Черноекран с герой и 5*5 чудовища](../../../../translated_images/bg/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Решение
 
diff --git a/translations/bg/6-space-game/5-keeping-score/README.md b/translations/bg/6-space-game/5-keeping-score/README.md
index 3075219d1..932d5de4a 100644
--- a/translations/bg/6-space-game/5-keeping-score/README.md
+++ b/translations/bg/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Система за точкуване**: Всеки унищожен вражески кораб дава 100 точки (кръглите числа са по-лесни за умствена аритметика от играчите). Резултатът се показва в долния ляв ъгъл.
-- **Брояч животи**: Вашият герой започва с три живота - стандарт, установен от ранните аркадни игри за балансиране на предизвикателството с играбилността. Всяко сблъскване с враг отнема един живот. Ще показваме оставащите животи в долния десен ъгъл с икони на кораби ![life image](../../../../translated_images/bg/life.6fb9f50d53ee0413.png).
+- **Брояч животи**: Вашият герой започва с три живота - стандарт, установен от ранните аркадни игри за балансиране на предизвикателството с играбилността. Всяко сблъскване с враг отнема един живот. Ще показваме оставащите животи в долния десен ъгъл с икони на кораби ![life image](../../../../translated_images/bg/life.6fb9f50d53ee0413.webp).
 
 ## Да започваме да градим!
 
diff --git a/translations/bg/7-bank-project/1-template-route/README.md b/translations/bg/7-bank-project/1-template-route/README.md
index 0bdbc56ea..f7ba09df4 100644
--- a/translations/bg/7-bank-project/1-template-route/README.md
+++ b/translations/bg/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Използването на `history.pushState` създава нови записи в историята на браузъра. Можете да проверите това, като задържите *бутона за назад* на браузъра, той трябва да покаже нещо такова:
 
-![Скрийншот на историята на навигация](../../../../translated_images/bg/history.7fdabbafa521e064.png)
+![Скрийншот на историята на навигация](../../../../translated_images/bg/history.7fdabbafa521e064.webp)
 
 Ако опитате да кликнете няколко пъти върху бутона назад, ще видите, че текущият URL се променя и историята се обновява, но се показва все същият шаблон.
 
diff --git a/translations/bg/7-bank-project/2-forms/README.md b/translations/bg/7-bank-project/2-forms/README.md
index 73b3ae3dc..788f49f0c 100644
--- a/translations/bg/7-bank-project/2-forms/README.md
+++ b/translations/bg/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. Наблюдавайте промените в адресната лента на браузъра
 3. Забележете как страницата се презарежда и данните се появяват в URL адреса
 
-![Екранна снимка на промяната в URL на браузъра след кликване на бутона Register](../../../../translated_images/bg/click-register.e89a30bf0d4bc9ca.png)
+![Екранна снимка на промяната в URL на браузъра след кликване на бутона Register](../../../../translated_images/bg/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Сравнение на HTTP методите
 
@@ -346,7 +346,7 @@ graph TD
 2. **Натиснете** бутона „Create Account“
 3. **Наблюдавайте** отговора от сървъра в браузъра си
 
-![Прозорец на браузър на адрес localhost:5000/api/accounts, показващ JSON низ с потребителски данни](../../../../translated_images/bg/form-post.61de4ca1b964d91a.png)
+![Прозорец на браузър на адрес localhost:5000/api/accounts, показващ JSON низ с потребителски данни](../../../../translated_images/bg/form-post.61de4ca1b964d91a.webp)
 
 **Какво трябва да виждате:**
 - **Браузърът пренасочва** към URL адреса на API endpoint-а
@@ -609,7 +609,7 @@ async function register() {
 3. **Натиснете** "Create Account"
 4. **Проследете** съобщенията в конзолата и обратната връзка към потребителя
 
-![Screenshot showing log message in the browser console](../../../../translated_images/bg/browser-console.efaf0b51aaaf6778.png)
+![Screenshot showing log message in the browser console](../../../../translated_images/bg/browser-console.efaf0b51aaaf6778.webp)
 
 **Какво трябва да видите:**
 - **Появява се състояние на зареждане** на бутонът за изпращане
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **Опитайте** специални символи в полето за потребителско име
 4. **Въведете** отрицателна стойност в баланса
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/bg/validation-error.8bd23e98d416c22f.png)
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/bg/validation-error.8bd23e98d416c22f.webp)
 
 **Какво ще забележите:**
 - **Браузърът показва** вградени съобщения за валидация
@@ -943,7 +943,7 @@ timeline
 
 Ето един пример как може да изглежда финалната страница за вход след малко стилизиране:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/bg/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/bg/result.96ef01f607bf856a.webp)
 
 ## Квиз след лекцията
 
diff --git a/translations/bg/7-bank-project/3-data/README.md b/translations/bg/7-bank-project/3-data/README.md
index 548f67366..a67eacaa3 100644
--- a/translations/bg/7-bank-project/3-data/README.md
+++ b/translations/bg/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Връща пълната HTML страница
     Browser->>User: Показва новата страница (мигане/презареждане)
 ```
-![Работен процес на обновяване в многостранично приложение](../../../../translated_images/bg/mpa.7f7375a1a2d4aa77.png)
+![Работен процес на обновяване в многостранично приложение](../../../../translated_images/bg/mpa.7f7375a1a2d4aa77.webp)
 
 **Защо този подход беше тромав:**
 - Всяко кликване означаваше изграждане на цялата страница отново
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Актуализира специфични елементи на страницата
     Browser->>User: Показва актуализирано съдържание (без презареждане)
 ```
-![Работен процес на обновяване в едностранично приложение](../../../../translated_images/bg/spa.268ec73b41f992c2.png)
+![Работен процес на обновяване в едностранично приложение](../../../../translated_images/bg/spa.268ec73b41f992c2.webp)
 
 **Защо SPA приложенията се усещат толкова добре:**
 - Обновяват се само частите, които наистина са се променили (умно, нали?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Сега, когато тествате с невалидна сметка, ще видите полезно съобщение за грешка директно на страницата!
 
-![Екранна снимка, показваща съобщението за грешка по време на влизане](../../../../translated_images/bg/login-error.416fe019b36a6327.png)
+![Екранна снимка, показваща съобщението за грешка по време на влизане](../../../../translated_images/bg/login-error.416fe019b36a6327.webp)
 
 #### Стъпка 4: Включване на достъпността
 
@@ -950,7 +950,7 @@ timeline
 
 Ето как може да изглежда добре оформено табло:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/bg/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/bg/screen2.123c82a831a1d14a.webp)
 
 Не се чувствайте длъжни да го копирате точно – използвайте го за вдъхновение и го направете свое!
 
diff --git a/translations/bg/7-bank-project/4-state-management/README.md b/translations/bg/7-bank-project/4-state-management/README.md
index 77c36435c..c9f3ba56d 100644
--- a/translations/bg/7-bank-project/4-state-management/README.md
+++ b/translations/bg/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 Вместо да се лутаме безцелно, ще създадем **централизирана система за управление на състоянието**. Представете си я като един наистина организиран човек, който отговаря за цялата важна информация:
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/bg/data-flow.fa2354e0908fecc8.png)
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/bg/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ timeline
 
 Ето примерен резултат след завършване на задачата:
 
-![Екранна снимка на примерен диалог „Добавяне на транзакция“](../../../../translated_images/bg/dialog.93bba104afeb79f1.png)
+![Екранна снимка на примерен диалог „Добавяне на транзакция“](../../../../translated_images/bg/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/bg/7-bank-project/4-state-management/assignment.md b/translations/bg/7-bank-project/4-state-management/assignment.md
index 1f0e0933a..8c83d3422 100644
--- a/translations/bg/7-bank-project/4-state-management/assignment.md
+++ b/translations/bg/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **Очакван резултат:**
 След завършване на това задание, вашето банково приложение трябва да има напълно функционална функция "Добавяне на транзакция", която изглежда и работи професионално:
 
-![Снимка на примерен диалог "Добавяне на транзакция"](../../../../translated_images/bg/dialog.93bba104afeb79f1.png)
+![Снимка на примерен диалог "Добавяне на транзакция"](../../../../translated_images/bg/dialog.93bba104afeb79f1.webp)
 
 ## Тестване на вашата имплементация
 
diff --git a/translations/bg/7-bank-project/README.md b/translations/bg/7-bank-project/README.md
index 0f1cd8b52..5cc7ad7fd 100644
--- a/translations/bg/7-bank-project/README.md
+++ b/translations/bg/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 В този проект ще научите как да създадете измислена банка. Тези уроци включват инструкции за това как да изградите уеб приложение, да създадете маршрути, да изградите форми, да управлявате състоянието и да извличате данни от API, от който можете да получите данните на банката.
 
-| ![Екран1](../../../translated_images/bg/screen1.baccbba0f1f93364.png) | ![Екран2](../../../translated_images/bg/screen2.123c82a831a1d14a.png) |
+| ![Екран1](../../../translated_images/bg/screen1.baccbba0f1f93364.webp) | ![Екран2](../../../translated_images/bg/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Уроци
diff --git a/translations/bg/8-code-editor/1-using-a-code-editor/README.md b/translations/bg/8-code-editor/1-using-a-code-editor/README.md
index 662ca577d..f16247500 100644
--- a/translations/bg/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/bg/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev предоставя тези възможности в браузъ
 
 След зареждането ще видите чисто и приветливо работно пространство, предназначено да ви държи фокусирани върху най-важното – вашия код!
 
-![Дефолтен интерфейс на VSCode.dev](../../../../translated_images/bg/default-vscode-dev.5d06881d65c1b323.png)
+![Дефолтен интерфейс на VSCode.dev](../../../../translated_images/bg/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Ето обиколката на околността:**
 - **Лента с активности** (ляво): Основната навигация с Explorer 📁, Търсене 🔍, Source Control 🌿, Разширения 🧩 и Настройки ⚙️
@@ -229,7 +229,7 @@ flowchart TB
 1. Отидете на [vscode.dev](https://vscode.dev), ако още не сте там
 2. Потърсете бутона "Open Remote Repository" на началния екран и натиснете
 
-   ![Отваряне на отдалечено хранилище](../../../../translated_images/bg/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Отваряне на отдалечено хранилище](../../../../translated_images/bg/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Поставете произволен URL на GitHub хранилище (опитайте този: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Натиснете Enter и гледайте магията да се случи!
@@ -238,7 +238,7 @@ flowchart TB
 
 Искате да се почувствате като вълшебник в кодирането? Опитайте клавишната комбинация: Ctrl+Shift+P (или Cmd+Shift+P на Mac) да отворите Command Palette:
 
-![Command Palette](../../../../translated_images/bg/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/bg/palette-menu.4946174e07f42622.webp)
 
 **Command Palette е като търсачка за всичко, което може да се направи:**
 - Напишете "open remote" и ще ви намери функцията за отваряне на хранилища
@@ -300,7 +300,7 @@ flowchart TB
 3. Въведете името на файла, включително подходящото разширение (`style.css`, `script.js`, `index.html`)
 4. Натиснете Enter, за да създадете файла
 
-![Създаване на нов файл](../../../../translated_images/bg/create-new-file.2814e609c2af9aeb.png)
+![Създаване на нов файл](../../../../translated_images/bg/create-new-file.2814e609c2af9aeb.webp)
 
 **Правила за именуване:**
 - Използвайте описателни имена, които показват предназначението на файла
@@ -318,7 +318,7 @@ flowchart TB
 2. Започнете да пишете и гледайте как VSCode.dev ви помага с цветове, предложения и откриване на грешки
 3. Запазвайте работата си с Ctrl+S (Windows/Linux) или Cmd+S (Mac) – въпреки че имате и автоматично записване!
 
-![Редактиране на файлове във VSCode.dev](../../../../translated_images/bg/edit-a-file.52c0ee665ef19f08.png)
+![Редактиране на файлове във VSCode.dev](../../../../translated_images/bg/edit-a-file.52c0ee665ef19f08.webp)
 
 **Готините неща, които се случват докато кодирате:**
 - Вашият код се оцветява красиво, така че да е лесен за четене
@@ -339,7 +339,7 @@ flowchart TB
 2. Променените файлове се появяват в секцията „Changes“
 3. Цветовото кодиране показва видовете промени: зелен за добавки, червен за изтривания
 
-![Преглед на промени в Source Control](../../../../translated_images/bg/working-tree.c58eec08e6335c79.png)
+![Преглед на промени в Source Control](../../../../translated_images/bg/working-tree.c58eec08e6335c79.webp)
 
 **Записване на работата (процес на комит):**
 
@@ -431,7 +431,7 @@ mindmap
 2. Разгледайте или търсете нещо конкретно
 3. Кликнете върху всичко, което ви се струва интересно, за да научите повече
 
-![Extension marketplace interface](../../../../translated_images/bg/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/bg/extensions.eca0e0c7f59a10b5.webp)
 
 **Какво ще видите там:**
 
@@ -484,7 +484,7 @@ mindmap
 3. Изберете "Extension Settings" от менюто
 4. Настройте нещата, докато се почувствате комфортно с вашия работен процес
 
-![Customizing extension settings](../../../../translated_images/bg/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/bg/extension-settings.21c752ae4f4cdb78.webp)
 
 **Често срещани неща, които може да коригирате:**
 - Как се форматира вашият код (таби срещу интервали, дължина на реда и т.н.)
diff --git a/translations/bg/8-code-editor/1-using-a-code-editor/assignment.md b/translations/bg/8-code-editor/1-using-a-code-editor/assignment.md
index b82ca994e..d026a35b0 100644
--- a/translations/bg/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/bg/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **Напишете** съобщение за комит: "Добавяне на начална HTML структура"
 5. **Кликнете** "Commit new file", за да запазите промените
 
-![Създаване на начален файл в GitHub](../../../../translated_images/bg/new-file-github.com.c886796d800e8056.png)
+![Създаване на начален файл в GitHub](../../../../translated_images/bg/new-file-github.com.c886796d800e8056.webp)
 
 **Ето какво постигате с тази начална настройка:**
 - **Създавате** правилна HTML5 структура на документа със семантични елементи
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **Индикатор за успех**: Трябва да видите файловете на проекта си в страничната лента Explorer и `index.html`, достъпен за редактиране в основната област на редактора.
 
-![Проектът е зареден в VSCode.dev](../../../../translated_images/bg/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Проектът е зареден в VSCode.dev](../../../../translated_images/bg/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Какво ще видите в интерфейса:**
 - **Странична лента Explorer**: **Показва** файловете и структурата на папките на вашето хранилище
@@ -448,7 +448,7 @@ li:before {
 **Незабавни резултати след инсталацията:**
 След като CodeSwing е инсталиран, ще видите предварителен преглед на живо на вашия уебсайт за автобиография, който се появява в редактора. Това ви позволява да видите точно как изглежда вашият сайт, докато правите промени.
 
-![Разширението CodeSwing показва предварителен преглед на живо](../../../../translated_images/bg/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Разширението CodeSwing показва предварителен преглед на живо](../../../../translated_images/bg/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Разбиране на подобрения интерфейс:**
 - **Разделен изглед**: **Показва** вашия код от едната страна и предварителния преглед от другата
diff --git a/translations/bg/9-chat-project/README.md b/translations/bg/9-chat-project/README.md
index ed29af36f..2c814696d 100644
--- a/translations/bg/9-chat-project/README.md
+++ b/translations/bg/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Ето как ще изглежда завършеният ви проект:
 
-![Интерфейс на чат приложение, показващ разговор между потребител и AI асистент](../../../translated_images/bg/screenshot.0a1ee0d123df681b.png)
+![Интерфейс на чат приложение, показващ разговор между потребител и AI асистент](../../../translated_images/bg/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Вашето пътешествие в развитието на AI приложения
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Основен принцип**: Разработката на AI приложения комбинира традиционни умения за уеб разработка с интеграция на AI услуги, създавайки интелигентни приложения, които се усещат естествени и отзивчиви за потребителите.
 
-![Интерфейс на GitHub Models AI Playground с избор на модел и зона за тестване](../../../translated_images/bg/playground.d2b927122224ff8f.png)
+![Интерфейс на GitHub Models AI Playground с избор на модел и зона за тестване](../../../translated_images/bg/playground.d2b927122224ff8f.webp)
 
 **Ето какво прави playground толкова полезен:**
 - **Пробвайте** различни AI модели като GPT-4o-mini, Claude и други (всички безплатни!)
@@ -199,7 +199,7 @@ mindmap
 
 След като се поиграете малко, просто кликнете на таб „Code“ и изберете езика си за програмиране, за да получите кода, който ще ви трябва.
 
-![Избор в Playground, показващ опции за генериране на код за различни програмни езици](../../../translated_images/bg/playground-choice.1d23ba7d407f4758.png)
+![Избор в Playground, показващ опции за генериране на код за различни програмни езици](../../../translated_images/bg/playground-choice.1d23ba7d407f4758.webp)
 
 ## Настройване на Python бекенд интеграция
 
@@ -2353,14 +2353,14 @@ mindmap
 - **Отидете** до [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)
 - **Кликнете** "Use this template" в горния десен ъгъл (уверете се, че сте влезли в GitHub)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/bg/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/bg/template.67ad477109d29a2b.webp)
 
 **Стъпка 2: Стартиране на Codespaces**
 - **Отворете** новосъздадения си репозиториум
 - **Кликнете** зеления бутон "Code" и изберете "Codespaces"
 - **Изберете** "Create codespace on main" за стартиране на развойната си среда
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/bg/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/bg/codespace.bcecbdf5d2747d3d.webp)
 
 **Стъпка 3: Конфигуриране на средата**  
 След като вашият Codespace се зареди, ще имате достъп до:  
diff --git a/translations/bg/README.md b/translations/bg/README.md
index 5f7aa4438..08eb4531a 100644
--- a/translations/bg/README.md
+++ b/translations/bg/README.md
@@ -52,13 +52,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
 
-![Background](../../translated_images/bg/background.148a8d43afde5730.png)
+![Background](../../translated_images/bg/background.148a8d43afde5730.webp)
 
 - Уроци, обхващащи всичко от основите до RAG.
 - Взаимодействайте с исторически личности чрез GenAI и нашето придружаващо приложение.
 - Забавен и завладяващ разказ, ще пътешествате във времето!
 
-![character](../../translated_images/bg/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/bg/character.5c0dd8e067ffd693.webp)
 
 Всеки урок включва задача за изпълнение, проверка на знанията и предизвикателство, които ще ви упътят в изучаването на теми като:
 - Подканяне и инженерство на подкани
@@ -94,7 +94,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 В своето копие на хранилището кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите.
 
-![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/bg/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Стартиране на учебната програма локално на компютъра
 
diff --git a/translations/bg/for-teachers.md b/translations/bg/for-teachers.md
index eccc71977..59b6c7a69 100644
--- a/translations/bg/for-teachers.md
+++ b/translations/bg/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud има ограничена поддръжка за Common Cartridge. Предпочитайте файла за Moodle по-горе, който може да бъде качен и в Canvas.
   - След импортиране прегледайте модулите, крайните срокове и настройките на тестовете, за да съответстват на графика на вашия семестър.
 
-![Moodle](../../translated_images/bg/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/bg/moodle.94eb93d714a50cb2.webp)
 > Учебната програма в класна стая на Moodle
 
-![Canvas](../../translated_images/bg/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/bg/canvas.fbd605ff8e5b8aff.webp)
 > Учебната програма в Canvas
 
 ### Използване на хранилището директно (без Classroom)
diff --git a/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index b5185fda0..7840b836d 100644
--- a/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 আজ, আমরা সেই অসাধারণ টুলগুলো অন্বেষণ করব যা আধুনিক ওয়েব ডেভেলপমেন্টকে শুধু সম্ভবই করে না, বরং একেবারে নেশাসক্ত করে তোলে। আমি বলছি ঠিক সেই এডিটর, ব্রাউজার এবং ওয়ার্কফ্লো যা Netflix, Spotify এবং তোমার প্রিয় ইন্ডি অ্যাপ স্টুডিওর ডেভেলপাররা প্রতিদিন ব্যবহার করে। এবং যা তোমাকে আনন্দে নাচতে বাধ্য করবে তা হলো: এই পেশাদার-গ্রেড, ইন্ডাস্ট্রি-স্ট্যান্ডার্ড টুলগুলোর বেশিরভাগই সম্পূর্ণ বিনামূল্যে!
 
-![প্রোগ্রামিং পরিচিতি](../../../../translated_images/bn/webdev101-programming.d6e3f98e61ac4bff.png)
+![প্রোগ্রামিং পরিচিতি](../../../../translated_images/bn/webdev101-programming.d6e3f98e61ac4bff.webp)
 > স্কেচনোট: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bn/1-getting-started-lessons/2-github-basics/README.md b/translations/bn/1-getting-started-lessons/2-github-basics/README.md
index 0b1c91032..614d7ab6d 100644
--- a/translations/bn/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/bn/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 আমরা একসাথে এই যাত্রা শুরু করব, এক ধাপে এক ধাপে। কোনো তাড়াহুড়ো নেই, কোনো চাপ নেই – শুধু তুমি, আমি, এবং কিছু দারুণ টুল যা তোমার নতুন সেরা বন্ধু হতে চলেছে!
 
-![গিটহাব পরিচিতি](../../../../translated_images/bn/webdev101-github.8846d7971abef6f9.png)
+![গিটহাব পরিচিতি](../../../../translated_images/bn/webdev101-github.8846d7971abef6f9.webp)
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -588,7 +588,7 @@ flowchart TD
 
 ✅ 'শিক্ষানবিস-বান্ধব' রিপো খুঁজে পাওয়ার একটি ভালো উপায় হলো [ট্যাগ 'good-first-issue' দ্বারা অনুসন্ধান করা](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)।
 
-![রিপো লোকালি কপি করুন](../../../../translated_images/bn/clone_repo.5085c48d666ead57.png)
+![রিপো লোকালি কপি করুন](../../../../translated_images/bn/clone_repo.5085c48d666ead57.webp)
 
 কোড কপি করার বিভিন্ন উপায় রয়েছে। একটি উপায় হলো রিপোজিটরির বিষয়বস্তু "ক্লোন" করা, HTTPS, SSH, অথবা GitHub CLI (কমান্ড লাইন ইন্টারফেস) ব্যবহার করে।
 
diff --git a/translations/bn/1-getting-started-lessons/3-accessibility/README.md b/translations/bn/1-getting-started-lessons/3-accessibility/README.md
index 1679c712f..e282659f5 100644
--- a/translations/bn/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/bn/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # অ্যাক্সেসযোগ্য ওয়েবপেজ তৈরি করা
 
-![অ্যাক্সেসিবিলিটি সম্পর্কে সবকিছু](../../../../translated_images/bn/webdev101-a11y.8ef3025c858d897a.png)
+![অ্যাক্সেসিবিলিটি সম্পর্কে সবকিছু](../../../../translated_images/bn/webdev101-a11y.8ef3025c858d897a.webp)
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bn/2-js-basics/1-data-types/README.md b/translations/bn/2-js-basics/1-data-types/README.md
index adcc181a8..a110a204b 100644
--- a/translations/bn/2-js-basics/1-data-types/README.md
+++ b/translations/bn/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # জাভাস্ক্রিপ্টের বুনিয়াদি: ডেটা টাইপ
 
-![জাভাস্ক্রিপ্টের বুনিয়াদি - ডেটা টাইপ](../../../../translated_images/bn/webdev101-js-datatypes.4cc470179730702c.png)
+![জাভাস্ক্রিপ্টের বুনিয়াদি - ডেটা টাইপ](../../../../translated_images/bn/webdev101-js-datatypes.4cc470179730702c.webp)
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bn/2-js-basics/2-functions-methods/README.md b/translations/bn/2-js-basics/2-functions-methods/README.md
index aa0212b7c..29edca922 100644
--- a/translations/bn/2-js-basics/2-functions-methods/README.md
+++ b/translations/bn/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # জাভাস্ক্রিপ্টের বেসিক: মেথড এবং ফাংশন
 
-![জাভাস্ক্রিপ্ট বেসিক - ফাংশন](../../../../translated_images/bn/webdev101-js-functions.be049c4726e94f8b.png)
+![জাভাস্ক্রিপ্ট বেসিক - ফাংশন](../../../../translated_images/bn/webdev101-js-functions.be049c4726e94f8b.webp)
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bn/2-js-basics/3-making-decisions/README.md b/translations/bn/2-js-basics/3-making-decisions/README.md
index c866e1b89..f9e4936fa 100644
--- a/translations/bn/2-js-basics/3-making-decisions/README.md
+++ b/translations/bn/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # জাভাস্ক্রিপ্টের মৌলিক বিষয়: সিদ্ধান্ত গ্রহণ
 
-![জাভাস্ক্রিপ্টের মৌলিক বিষয় - সিদ্ধান্ত গ্রহণ](../../../../translated_images/bn/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![জাভাস্ক্রিপ্টের মৌলিক বিষয় - সিদ্ধান্ত গ্রহণ](../../../../translated_images/bn/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/bn/2-js-basics/4-arrays-loops/README.md b/translations/bn/2-js-basics/4-arrays-loops/README.md
index 1eb89e2e6..ac011c9f0 100644
--- a/translations/bn/2-js-basics/4-arrays-loops/README.md
+++ b/translations/bn/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # জাভাস্ক্রিপ্টের বেসিক: অ্যারে এবং লুপ
 
-![জাভাস্ক্রিপ্ট বেসিক - অ্যারে](../../../../translated_images/bn/webdev101-js-arrays.439d7528b8a29455.png)
+![জাভাস্ক্রিপ্ট বেসিক - অ্যারে](../../../../translated_images/bn/webdev101-js-arrays.439d7528b8a29455.webp)
 > স্কেচনোট করেছেন [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/bn/3-terrarium/1-intro-to-html/README.md b/translations/bn/3-terrarium/1-intro-to-html/README.md
index 78a7e6465..d0f5ae238 100644
--- a/translations/bn/3-terrarium/1-intro-to-html/README.md
+++ b/translations/bn/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![HTML পরিচিতি](../../../../translated_images/bn/webdev101-html.4389c2067af68e98.png)
+![HTML পরিচিতি](../../../../translated_images/bn/webdev101-html.4389c2067af68e98.webp)
 > স্কেচনোট [Tomomi Imura](https://twitter.com/girlie_mac) দ্বারা
 
 HTML, বা HyperText Markup Language, প্রতিটি ওয়েবসাইটের ভিত্তি যা আপনি কখনও পরিদর্শন করেছেন। HTML কে ওয়েব পৃষ্ঠার কাঠামো হিসেবে ভাবুন – এটি নির্ধারণ করে কোথায় বিষয়বস্তু যাবে, কীভাবে এটি সংগঠিত হবে এবং প্রতিটি অংশ কী প্রতিনিধিত্ব করে। CSS পরে আপনার HTML-কে রঙ এবং লেআউট দিয়ে সাজাবে, এবং JavaScript এটিকে ইন্টারঅ্যাক্টিভিটি দিয়ে প্রাণবন্ত করবে, HTML সেই মৌলিক কাঠামো প্রদান করে যা সবকিছু সম্ভব করে তোলে।
@@ -88,7 +88,7 @@ HTML কোডে ডুব দেওয়ার আগে, আপনার ট
 4. Explorer প্যানেলে, "New File" আইকনে ক্লিক করুন
 5. আপনার ফাইলের নাম দিন `index.html`
 
-![VS Code Explorer নতুন ফাইল তৈরি দেখাচ্ছে](../../../../translated_images/bn/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer নতুন ফাইল তৈরি দেখাচ্ছে](../../../../translated_images/bn/vs-code-index.e2986cf919471eb9.webp)
 
 **অপশন ২: টার্মিনাল কমান্ড ব্যবহার করে**
 ```bash
diff --git a/translations/bn/3-terrarium/2-intro-to-css/README.md b/translations/bn/3-terrarium/2-intro-to-css/README.md
index e051616d2..d33652e1c 100644
--- a/translations/bn/3-terrarium/2-intro-to-css/README.md
+++ b/translations/bn/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![CSS পরিচিতি](../../../../translated_images/bn/webdev101-css.3f7af5991bf53a20.png)
+![CSS পরিচিতি](../../../../translated_images/bn/webdev101-css.3f7af5991bf53a20.webp)
 > স্কেচনোট: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 আপনার HTML টেরারিয়ামটি কতটা সাধারণ দেখাচ্ছিল তা মনে আছে? CSS এর মাধ্যমে আমরা সেই সাধারণ কাঠামোকে চমৎকার কিছুতে রূপান্তর করি।
@@ -205,7 +205,7 @@ body {
 
 আপনার ব্রাউজারের ডেভেলপার টুলস (F12) খুলুন, Elements ট্যাবে যান এবং আপনার `<h1>` উপাদানটি পরীক্ষা করুন। আপনি দেখতে পাবেন এটি বডি থেকে ফন্ট ফ্যামিলি উত্তরাধিকার সূত্রে পেয়েছে:
 
-![উত্তরাধিকার সূত্রে পাওয়া ফন্ট](../../../../translated_images/bn/1.cc07a5cbe114ad1d.png)
+![উত্তরাধিকার সূত্রে পাওয়া ফন্ট](../../../../translated_images/bn/1.cc07a5cbe114ad1d.webp)
 
 ✅ **পরীক্ষার সময়**: `<body>`-তে `color`, `line-height`, বা `text-align` এর মতো অন্যান্য উত্তরাধিকারযোগ্য বৈশিষ্ট্য সেট করার চেষ্টা করুন। আপনার হেডিং এবং অন্যান্য উপাদানগুলোর কী হয়?
 
@@ -409,7 +409,7 @@ Agent মোড ব্যবহার করে নিম্নলিখিত 
 
 আপনি সূক্ষ্ম হাইলাইট তৈরি করবেন যা কাচের পৃষ্ঠে আলো প্রতিফলিত করার অনুকরণ করে। এই পদ্ধতি রেনেসাঁ চিত্রশিল্পী যেমন Jan van Eyck কিভাবে আলো এবং প্রতিফলন ব্যবহার করে আঁকা কাচকে থ্রিডি দেখাতেন তার মতো। আপনি যা অর্জন করতে চান তা হলো:
 
-![শেষ টেরারিয়াম](../../../../translated_images/bn/terrarium-final.2f07047ffc597d0a.png)
+![শেষ টেরারিয়াম](../../../../translated_images/bn/terrarium-final.2f07047ffc597d0a.webp)
 
 **আপনার চ্যালেঞ্জ:**
 - **তৈরি করুন** সূক্ষ্ম সাদা বা হালকা রঙের ডিম্বাকৃতি আকৃতি কাচের প্রতিফলনের জন্য
diff --git a/translations/bn/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/bn/3-terrarium/3-intro-to-DOM-and-closures/README.md
index fd989c890..b1712f98e 100644
--- a/translations/bn/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/bn/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM এবং একটি ক্লোজার](../../../../translated_images/bn/webdev101-js.10280393044d7eaa.png)
+![DOM এবং একটি ক্লোজার](../../../../translated_images/bn/webdev101-js.10280393044d7eaa.webp)
 > স্কেচনোট [Tomomi Imura](https://twitter.com/girlie_mac) দ্বারা
 
 ওয়েব ডেভেলপমেন্টের সবচেয়ে আকর্ষণীয় দিকগুলোর মধ্যে একটিতে আপনাকে স্বাগতম - জিনিসগুলোকে ইন্টারঅ্যাকটিভ করা! ডকুমেন্ট অবজেক্ট মডেল (DOM) আপনার HTML এবং জাভাস্ক্রিপ্টের মধ্যে একটি সেতুর মতো, এবং আজ আমরা এটি ব্যবহার করে আপনার টেরারিয়ামকে জীবন্ত করে তুলব। যখন টিম বার্নার্স-লি প্রথম ওয়েব ব্রাউজার তৈরি করেছিলেন, তিনি এমন একটি ওয়েবের কল্পনা করেছিলেন যেখানে ডকুমেন্টগুলো গতিশীল এবং ইন্টারঅ্যাকটিভ হতে পারে - DOM সেই স্বপ্নকে বাস্তবায়িত করে।
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![DOM গাছের উপস্থাপনা](../../../../translated_images/bn/dom-tree.7daf0e763cbbba92.png)
+![DOM গাছের উপস্থাপনা](../../../../translated_images/bn/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM এবং HTML মার্কআপের একটি উপস্থাপনা যা এটি রেফারেন্স করে। [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) থেকে
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **ক্লোজার বোঝা**: ক্লোজার জাভাস্ক্রিপ্টে একটি গুরুত্বপূর্ণ বিষয়, এবং অনেক ডেভেলপার এটি ব্যবহার করেন বছরের পর বছর ধরে তাত্ত্বিক দিকগুলো সম্পূর্ণরূপে বোঝার আগে। আজ, আমরা ব্যবহারিক প্রয়োগের উপর ফোকাস করছি - আপনি দেখবেন ক্লোজার কীভাবে আমাদের ইন্টারঅ্যাকটিভ বৈশিষ্ট্য তৈরি করার সময় স্বাভাবিকভাবে উদ্ভূত হয়। বাস্তব সমস্যাগুলো কীভাবে সমাধান করে তা দেখার সাথে সাথে আপনার বোঝাপড়া বিকশিত হবে।
 
-![DOM গাছের উপস্থাপনা](../../../../translated_images/bn/dom-tree.7daf0e763cbbba92.png)
+![DOM গাছের উপস্থাপনা](../../../../translated_images/bn/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM এবং HTML মার্কআপের একটি উপস্থাপনা যা এটি রেফারেন্স করে। [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) থেকে
 
@@ -447,7 +447,7 @@ function stopElementDrag() {
 - **ক্রস-ডিভাইস সাপোর্ট**: ডেস্কটপ এবং মোবাইলে কাজ করে
 - **পারফরম্যান্স সচেতন**: কোনো মেমোরি লিক বা অপ্রয়োজনীয় গণনা নেই
 
-![সমাপ্ত টেরারিয়াম](../../../../translated_images/bn/terrarium-final.0920f16e87c13a84.png)
+![সমাপ্ত টেরারিয়াম](../../../../translated_images/bn/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/bn/3-terrarium/solution/README.md b/translations/bn/3-terrarium/solution/README.md
index fb1b92eff..072a8f731 100644
--- a/translations/bn/3-terrarium/solution/README.md
+++ b/translations/bn/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 একটি ছোট ড্র্যাগ এবং ড্রপ কোড-মেডিটেশন। সামান্য HTML, JS এবং CSS ব্যবহার করে আপনি একটি ওয়েব ইন্টারফেস তৈরি করতে পারেন, সেটিকে স্টাইল করতে পারেন এবং ইন্টারঅ্যাকশন যোগ করতে পারেন।
 
-![আমার টেরারিয়াম](../../../../translated_images/bn/screenshot_gray.0c796099a1f9f25e.png)
+![আমার টেরারিয়াম](../../../../translated_images/bn/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## কৃতজ্ঞতা
 
diff --git a/translations/bn/5-browser-extension/1-about-browsers/README.md b/translations/bn/5-browser-extension/1-about-browsers/README.md
index e6c47ab92..68e40420d 100644
--- a/translations/bn/5-browser-extension/1-about-browsers/README.md
+++ b/translations/bn/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![ব্রাউজার স্কেচনোট](../../../../translated_images/bn/browser.60317c9be8b7f84a.jpg)
+![ব্রাউজার স্কেচনোট](../../../../translated_images/bn/browser.60317c9be8b7f84a.webp)
 > স্কেচনোট করেছেন [ওয়াসিম চেগাম](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## প্রি-লেকচার কুইজ
@@ -79,7 +79,7 @@ mindmap
 
 ✅ **একটু ইতিহাস**: প্রথম ব্রাউজারের নাম ছিল 'ওয়ার্ল্ডওয়াইডওয়েব' এবং এটি ১৯৯০ সালে স্যার টিমোথি বার্নার্স-লির দ্বারা তৈরি করা হয়েছিল।
 
-![প্রথম দিকের ব্রাউজার](../../../../translated_images/bn/earlybrowsers.d984b711cdf3a42d.jpg)
+![প্রথম দিকের ব্রাউজার](../../../../translated_images/bn/earlybrowsers.d984b711cdf3a42d.webp)
 > কিছু প্রথম দিকের ব্রাউজার, [ক্যারেন ম্যাকগ্রেন](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) এর মাধ্যমে
 
 ### ব্রাউজার কীভাবে ওয়েব কন্টেন্ট প্রক্রিয়াকরণ করে
@@ -198,7 +198,7 @@ quadrantChart
 
 এক্সটেনশন ইনস্টলেশন প্রক্রিয়া বোঝা আপনাকে ব্যবহারকারীদের অভিজ্ঞতা সম্পর্কে পূর্বাভাস দিতে সাহায্য করবে যখন তারা আপনার এক্সটেনশন ইনস্টল করবে। ইনস্টলেশন প্রক্রিয়া আধুনিক ব্রাউজারগুলোতে মানসম্মত, যদিও ইন্টারফেস ডিজাইনে কিছু পার্থক্য রয়েছে।
 
-![Edge ব্রাউজারের স্ক্রিনশট যেখানে edge://extensions পেজ এবং সেটিংস মেনু খোলা রয়েছে](../../../../translated_images/bn/install-on-edge.d68781acaf0b3d3d.png)
+![Edge ব্রাউজারের স্ক্রিনশট যেখানে edge://extensions পেজ এবং সেটিংস মেনু খোলা রয়েছে](../../../../translated_images/bn/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **গুরুত্বপূর্ণ**: আপনার নিজের এক্সটেনশন পরীক্ষা করার সময় ডেভেলপার মোড চালু করুন এবং অন্যান্য স্টোর থেকে এক্সটেনশন অনুমোদন করুন।
 
diff --git a/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md
index 3609893d0..75eb86877 100644
--- a/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![লোকাল স্টোরেজ প্যান](../../../../translated_images/bn/localstorage.472f8147b6a3f8d1.png)
+![লোকাল স্টোরেজ প্যান](../../../../translated_images/bn/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **নিরাপত্তা বিবেচনা**: প্রোডাকশন অ্যাপ্লিকেশনগুলিতে, LocalStorage-এ API কী সংরক্ষণ করা নিরাপত্তার ঝুঁকি তৈরি করে কারণ জাভাস্ক্রিপ্ট এই ডেটা অ্যাক্সেস করতে পারে। শেখার উদ্দেশ্যে, এই পদ্ধতি ঠিক আছে, তবে প্রকৃত অ্যাপ্লিকেশনগুলিতে সংবেদনশীল ক্রেডেনশিয়ালের জন্য নিরাপদ সার্ভার-সাইড স্টোরেজ ব্যবহার করা উচিত।
 
diff --git a/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md
index 74669e073..37811150f 100644
--- a/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Edge-এ ডেভেলপার টুলস খুলতে, উপরের
 
 চলুন এটি চেষ্টা করি। একটি ওয়েবসাইট খুলুন (Microsoft.com ভালো কাজ করবে) এবং 'রেকর্ড' বোতামটি ক্লিক করুন। এখন পৃষ্ঠাটি রিফ্রেশ করুন এবং প্রোফাইলারটি যা ঘটছে তা ক্যাপচার করতে দিন। যখন আপনি রেকর্ডিং বন্ধ করবেন, তখন আপনি একটি বিস্তারিত বিশ্লেষণ দেখতে পাবেন যে ব্রাউজার কীভাবে সাইটটি 'স্ক্রিপ্ট', 'রেন্ডার' এবং 'পেইন্ট' করে। এটি আমাকে মনে করিয়ে দেয় কীভাবে মিশন কন্ট্রোল একটি রকেট উৎক্ষেপণের সময় প্রতিটি সিস্টেম পর্যবেক্ষণ করে - আপনি ঠিক কী ঘটছে এবং কখন ঘটছে তার রিয়েল-টাইম ডেটা পান।
 
-![Edge প্রোফাইলার](../../../../translated_images/bn/profiler.5a4a62479c5df01c.png)
+![Edge প্রোফাইলার](../../../../translated_images/bn/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft ডকুমেন্টেশন](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) আরও বিস্তারিত তথ্য প্রদান করে যদি আপনি গভীরভাবে জানতে চান
 
@@ -136,11 +136,11 @@ Edge-এ ডেভেলপার টুলস খুলতে, উপরের
 
 আপনার পৃষ্ঠার পারফরম্যান্সের একটি স্ন্যাপশট পেতে প্রোফাইল টাইমলাইনের একটি অংশ নির্বাচন করুন এবং সারাংশ প্যানটি দেখুন:
 
-![Edge প্রোফাইলার স্ন্যাপশট](../../../../translated_images/bn/snapshot.97750180ebcad737.png)
+![Edge প্রোফাইলার স্ন্যাপশট](../../../../translated_images/bn/snapshot.97750180ebcad737.webp)
 
 ইভেন্ট লগ প্যানটি পরীক্ষা করুন দেখতে কোনো ইভেন্ট ১৫ মিলিসেকেন্ডের বেশি সময় নিয়েছে কিনা:
 
-![Edge ইভেন্ট লগ](../../../../translated_images/bn/log.804026979f3707e0.png)
+![Edge ইভেন্ট লগ](../../../../translated_images/bn/log.804026979f3707e0.webp)
 
 ✅ আপনার প্রোফাইলারটি চিনুন! এই সাইটে ডেভেলপার টুলস খুলুন এবং দেখুন কোনো বাধা আছে কিনা। কোন সম্পদটি সবচেয়ে ধীর লোড হচ্ছে? সবচেয়ে দ্রুত?
 
diff --git a/translations/bn/5-browser-extension/README.md b/translations/bn/5-browser-extension/README.md
index 1fef97346..fd016bcff 100644
--- a/translations/bn/5-browser-extension/README.md
+++ b/translations/bn/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### ক্রেডিটস
 
-![একটি সবুজ ব্রাউজার এক্সটেনশন](../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![একটি সবুজ ব্রাউজার এক্সটেনশন](../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ক্রেডিটস
 
diff --git a/translations/bn/5-browser-extension/solution/README.md b/translations/bn/5-browser-extension/solution/README.md
index 73cdbffb8..66be1efe0 100644
--- a/translations/bn/5-browser-extension/solution/README.md
+++ b/translations/bn/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow-এর CO2 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যাতে আপনার ব্রাউজারে একটি রিমাইন্ডার থাকে যে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের চাপ কেমন। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপের উপর ভিত্তি করে সিদ্ধান্ত নিতে পারবেন।
 
-![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করার জন্য
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণের 'তিনটি ডট' মেনু ব্যবহার করে Extensions প্যানেলটি খুঁজুন। সেখান থেকে 'Load Unpacked' নির্বাচন করুন একটি নতুন এক্সটেনশন লোড করার জন্য। প্রম্পটে 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal-এর API-এর জন্য একটি API key ([ইমেইলের মাধ্যমে এখানে পান](https://www.co2signal.com/) - এই পৃষ্ঠায় আপনার ইমেইলটি বক্সে প্রবেশ করান) এবং [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) যা [Electricity Map](https://www.electricitymap.org/map)-এর সাথে মিলে (উদাহরণস্বরূপ, বোস্টনে আমি 'US-NEISO' ব্যবহার করি) লাগবে।
 
-![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 একবার API key এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে ইনপুট দিলে, ব্রাউজার এক্সটেনশন বারে রঙিন ডটটি আপনার অঞ্চলের শক্তি ব্যবহারের অবস্থা প্রতিফলিত করবে এবং আপনাকে নির্দেশনা দেবে কোন শক্তি-নির্ভর কার্যকলাপ আপনার জন্য উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে দেওয়া হয়েছিল, যা ক্যালিফোর্নিয়ার নির্গমন পর্যবেক্ষণ করে।
 
diff --git a/translations/bn/5-browser-extension/solution/translation/README.fr.md b/translations/bn/5-browser-extension/solution/translation/README.fr.md
index d1f20b7cf..c9c92339a 100644
--- a/translations/bn/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/bn/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow-এর C02 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যাতে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের তথ্য সরাসরি ব্রাউজারে একটি অনুস্মারক হিসেবে পেতে পারেন। এই অ্যাড-হক এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ সম্পর্কে একটি সঠিক সিদ্ধান্ত নিতে পারবেন।
 
-![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করা
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করার জন্য, ব্রাউজারের উপরের ডান কোণে থাকা 'তিনটি বিন্দু' মেনু ব্যবহার করে Extensions প্যানেলটি খুঁজুন। সেখান থেকে 'Unpacked extension লোড করুন' নির্বাচন করুন এবং একটি নতুন এক্সটেনশন লোড করুন। প্রম্পটে 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal API-এর জন্য একটি API কী ([ইমেইলের মাধ্যমে এখানে পান](https://www.co2signal.com/) - এই পৃষ্ঠার বক্সে আপনার ইমেইল প্রবেশ করান) এবং আপনার অঞ্চলের জন্য [কোড](http://api.electricitymap.org/v3/zones) যা [ইলেকট্রিসিটি ম্যাপ](https://www.electricitymap.org/map)-এর সাথে মেলে (উদাহরণস্বরূপ, বোস্টনের জন্য আমি 'US-NEISO' ব্যবহার করি)।
 
-![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করালে, ব্রাউজারের এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের প্রতিফলন করবে এবং আপনাকে এমন কার্যকলাপের জন্য একটি নির্দেশনা দেবে যা শক্তি সাশ্রয়ী হতে পারে। এই 'বিন্দু' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে, যা ক্যালিফোর্নিয়ার নির্গমন পর্যবেক্ষণ করে।
 
diff --git a/translations/bn/5-browser-extension/solution/translation/README.hi.md b/translations/bn/5-browser-extension/solution/translation/README.hi.md
index 8c1e5439b..b141f630a 100644
--- a/translations/bn/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/bn/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 বিদ্যুৎ ব্যবহারের উপর নজর রাখার জন্য tmrow-এর C02 সিগন্যাল API ব্যবহার করে একটি ব্রাউজার এক্সটেনশন তৈরি করা হয়েছে, যা আপনার ব্রাউজারে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভারীতা সম্পর্কে আপনাকে মনে করিয়ে দেবে। এই এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ সম্পর্কে সিদ্ধান্ত নিতে পারবেন।
 
-![এক্সটেনশন স্ক্রিনশট ](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![এক্সটেনশন স্ক্রিনশট ](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করা
 
@@ -31,7 +31,7 @@ npm run build
 
 এজ ব্রাউজারে ইনস্টল করার জন্য, ব্রাউজারের উপরের ডান কোণে থাকা 'তিন ডট' মেনু ব্যবহার করে এক্সটেনশন প্যানেল খুঁজুন। সেখান থেকে, একটি নতুন এক্সটেনশন লোড করতে 'লোড আনপ্যাকড' নির্বাচন করুন। প্রম্পটে 'dist' ফোল্ডার খুলুন এবং এক্সটেনশন লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 সিগন্যাল API ([ইমেইলের মাধ্যমে এখানে পান](https://www.co2snal.com/) একটি API কী প্রয়োজন হবে - এই পৃষ্ঠার বক্সে আপনার ইমেইল লিখুন) এবং [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) [ইলেকট্রিসিটি ম্যাপ](https://www.electricitymap.org/map) থেকে (যেমন, বোস্টনে, আমি 'US-NEISO' ব্যবহার করি)।
 
-![ইনস্টল করা](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ইনস্টল করা](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 একবার API কী এবং অঞ্চল এক্সটেনশন ইন্টারফেসে ইনপুট হয়ে গেলে, ব্রাউজার এক্সটেনশন বারে রঙিন ডটটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন হিসেবে পরিবর্তিত হবে এবং আপনাকে একটি নির্দেশক দেবে যে শক্তি-নিবিড় কার্যকলাপ আপনার জন্য কতটা উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে ক্যালিফোর্নিয়ার নির্গমনের জন্য [এনার্জি ললিপপ এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে।
 
diff --git a/translations/bn/5-browser-extension/solution/translation/README.it.md b/translations/bn/5-browser-extension/solution/translation/README.it.md
index 536174772..ae9889b6b 100644
--- a/translations/bn/5-browser-extension/solution/translation/README.it.md
+++ b/translations/bn/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow এর Signal C02 API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখা হবে, যাতে একটি ব্রাউজার এক্সটেনশন তৈরি করা যায়। এই এক্সটেনশনটি আপনার ব্রাউজারে সরাসরি মনে করিয়ে দেবে যে আপনার অঞ্চলে বিদ্যুৎ ব্যবহারের প্রভাব কতটা। এই এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যক্রম মূল্যায়ন করতে পারবেন।
 
-![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করার জন্য
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণে থাকা "তিনটি বিন্দু" মেনু ব্যবহার করে এক্সটেনশন প্যানেলটি খুঁজুন। যদি এটি সক্রিয় না থাকে, তাহলে ডেভেলপার মোড (নিচের বাম দিকে) সক্রিয় করুন। "Carica decompressa" নির্বাচন করুন একটি নতুন এক্সটেনশন লোড করার জন্য। প্রম্পটে "dist" ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal API-এর জন্য একটি API কী প্রয়োজন হবে (আপনি এটি [ই-মেইলের মাধ্যমে এখানে পেতে পারেন](https://www.co2signal.com/) - এই পৃষ্ঠায় আপনার ই-মেইল বক্সে প্রবেশ করুন) এবং [ইলেকট্রিসিটি ম্যাপ](https://www.electricitymap.org/map)-এর সাথে সম্পর্কিত [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) প্রয়োজন হবে (যেমন, বোস্টনে "US-NEISO")।
 
-![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করানো হলে, ব্রাউজারের এক্সটেনশন বারে থাকা রঙিন বিন্দুটি আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের প্রতিফলন দেখাবে এবং কোন উচ্চ-শক্তি ব্যবহারকারী কার্যক্রমগুলি সম্পাদন করা উপযুক্ত হবে তার একটি নির্দেশনা দেবে। এই "পয়েন্ট" সিস্টেমের ধারণাটি ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে নেওয়া হয়েছে।
 
diff --git a/translations/bn/5-browser-extension/solution/translation/README.ja.md b/translations/bn/5-browser-extension/solution/translation/README.ja.md
index 17ae17cfd..9a2a1821d 100644
--- a/translations/bn/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/bn/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow এর CO2 সিগন্যাল API ব্যবহার করে বিদ্যুৎ ব্যবহারের পরিমাণ ট্র্যাক করার জন্য একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যা আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের পরিমাণ ব্রাউজারে একটি রিমাইন্ডার হিসেবে দেখাবে। এই এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ নির্ধারণ করতে পারবেন।
 
-![extension screenshot](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করা যাক
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করতে, ব্রাউজারের ডানদিকে উপরের কোণে থাকা "তিনটি ডট" মেনু থেকে "Extensions" প্যানেলটি খুঁজে নিন। সেখান থেকে "Load Unpacked" নির্বাচন করুন এবং নতুন এক্সটেনশনটি লোড করুন। প্রম্পটে "dist" ফোল্ডারটি খুলুন, এবং এক্সটেনশনটি লোড হয়ে যাবে। এটি ব্যবহার করতে, CO2 সিগন্যাল API-এর API কী ([ইমেইলের মাধ্যমে এখানে একটি পান](https://www.co2signal.com/) - এই পৃষ্ঠার বক্সে আপনার ইমেইল লিখুন) এবং [Electricity Map](https://www.electricitymap.org/map)-এর সাথে সম্পর্কিত [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) প্রয়োজন হবে (উদাহরণস্বরূপ, বোস্টনের জন্য 'US-NEISO' ব্যবহার করা হয়)।
 
-![installing](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 API কী এবং অঞ্চলটি এক্সটেনশনের ইন্টারফেসে প্রবেশ করানোর পর, ব্রাউজারের এক্সটেনশন বারে প্রদর্শিত রঙিন ডটটি পরিবর্তিত হবে এবং আপনার অঞ্চলের শক্তি ব্যবহারের পরিমাণ প্রতিফলিত করবে। এটি আপনাকে নির্দেশ করবে কোন ধরনের শক্তি-নির্ভর কার্যকলাপ করা উপযুক্ত। এই "ডট" সিস্টেমের ধারণাটি আমাকে ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop extension](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে।
 
diff --git a/translations/bn/5-browser-extension/solution/translation/README.ms.md b/translations/bn/5-browser-extension/solution/translation/README.ms.md
index 2588aef92..11f26affa 100644
--- a/translations/bn/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/bn/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow এর CO2 সিগন্যাল API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজরদারি করুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন যা আপনাকে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভারীতা সম্পর্কে সতর্ক করবে। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপ সম্পর্কে আরও সচেতন সিদ্ধান্ত নিতে পারবেন।
 
-![ব্রাউজার এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ব্রাউজার এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু এখান থেকে
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করার জন্য, ব্রাউজারের ডানদিকের উপরের কোণে থাকা 'তিনটি ডট' মেনু ব্যবহার করে এক্সটেনশন প্যানেলটি খুঁজুন। সেখান থেকে, 'Load Unpacked' নির্বাচন করুন নতুন এক্সটেনশন লোড করার জন্য। অনুরোধ অনুযায়ী 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করার জন্য, আপনাকে CO2 সিগন্যাল API-এর জন্য একটি API কী ([এখানে ইমেইলের মাধ্যমে একটি পান](https://www.co2signal.com/) - এই পৃষ্ঠার বক্সে আপনার ইমেইল দিন) এবং [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) প্রয়োজন, যা [ইলেকট্রিসিটি ম্যাপ](https://www.electricitymap.org/map)-এর সাথে মিলে যায় (উদাহরণস্বরূপ, বোস্টনে আমি 'US-NEISO' ব্যবহার করি)।
 
-![ডাউনলোড হচ্ছে](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ডাউনলোড হচ্ছে](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করানোর পর, ব্রাউজার এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন করবে এবং আপনাকে ভারী কার্যকলাপের জন্য উপযুক্ত নির্দেশনা দেবে। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [এনার্জি ললিপপ ব্রাউজার এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে, যা ক্যালিফোর্নিয়ার নির্গমনের জন্য তৈরি।
 
diff --git a/translations/bn/5-browser-extension/start/README.md b/translations/bn/5-browser-extension/start/README.md
index e5378c767..914eb35c2 100644
--- a/translations/bn/5-browser-extension/start/README.md
+++ b/translations/bn/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow-এর CO2 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যা আপনার ব্রাউজারে একটি অনুস্মারক হিসেবে কাজ করবে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভার কতটা তা জানার জন্য। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপ সম্পর্কে তথ্যের ভিত্তিতে সিদ্ধান্ত নিতে পারবেন।
 
-![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png)
+![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## শুরু করার জন্য
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণের 'তিন ডট' মেনু ব্যবহার করে Extensions প্যানেলটি খুঁজুন। সেখান থেকে 'Load Unpacked' নির্বাচন করুন একটি নতুন এক্সটেনশন লোড করার জন্য। প্রম্পটে 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal-এর API-এর জন্য একটি API কী ([ইমেইলের মাধ্যমে এখানে পান](https://www.co2signal.com/) - এই পৃষ্ঠায় আপনার ইমেইলটি বক্সে লিখুন) এবং [Electricity Map](https://www.electricitymap.org/map)-এর সাথে সম্পর্কিত আপনার অঞ্চলের [কোড](http://api.electricitymap.org/v3/zones) প্রয়োজন হবে (উদাহরণস্বরূপ, বোস্টনে আমি 'US-NEISO' ব্যবহার করি)।
 
-![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.png)
+![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.webp)
 
 একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে ইনপুট দিলে, ব্রাউজার এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন দেখাবে এবং আপনাকে নির্দেশনা দেবে কোন শক্তি-নির্ভর কার্যকলাপ আপনার জন্য উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে দেওয়া হয়েছিল, যা ক্যালিফোর্নিয়ার নির্গমনের জন্য তৈরি।
 
diff --git a/translations/bn/6-space-game/2-drawing-to-canvas/README.md b/translations/bn/6-space-game/2-drawing-to-canvas/README.md
index 286cbf50c..8747ad092 100644
--- a/translations/bn/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/bn/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![ক্যানভাসের গ্রিড](../../../../translated_images/bn/canvas_grid.5f209da785ded492.png)
+![ক্যানভাসের গ্রিড](../../../../translated_images/bn/canvas_grid.5f209da785ded492.webp)
 > ছবি [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) থেকে
 
 ক্যানভাস উপাদানে আঁকার জন্য, আপনি একই তিন-ধাপের প্রক্রিয়া অনুসরণ করবেন, যা সমস্ত ক্যানভাস গ্রাফিক্সের ভিত্তি গঠন করে। এটি কয়েকবার করলে, এটি স্বাভাবিক হয়ে যাবে:
@@ -329,11 +329,11 @@ flowchart TD
 
 - হিরো শিপ
 
-   ![হিরো শিপ](../../../../translated_images/bn/player.dd24c1afa8c71e9b.png)
+   ![হিরো শিপ](../../../../translated_images/bn/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 মনস্টার
 
-   ![মনস্টার শিপ](../../../../translated_images/bn/enemyShip.5df2a822c16650c2.png)
+   ![মনস্টার শিপ](../../../../translated_images/bn/enemyShip.5df2a822c16650c2.webp)
 
 ### ডেভেলপমেন্ট শুরু করার জন্য প্রস্তাবিত ধাপ
 
@@ -408,7 +408,7 @@ const STOP_X = START_X + FORMATION_WIDTH;
 
 শেষ ফলাফলটি এরকম দেখতে হবে:
 
-![কালো স্ক্রিন যেখানে একটি হিরো এবং ৫*৫ দানব রয়েছে](../../../../translated_images/bn/partI-solution.36c53b48c9ffae2a.png)
+![কালো স্ক্রিন যেখানে একটি হিরো এবং ৫*৫ দানব রয়েছে](../../../../translated_images/bn/partI-solution.36c53b48c9ffae2a.webp)
 
 ## সমাধান
 
diff --git a/translations/bn/6-space-game/5-keeping-score/README.md b/translations/bn/6-space-game/5-keeping-score/README.md
index 289a1643c..9ff4bba87 100644
--- a/translations/bn/6-space-game/5-keeping-score/README.md
+++ b/translations/bn/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **স্কোরিং সিস্টেম**: প্রতিটি ধ্বংস করা শত্রু জাহাজ ১০০ পয়েন্ট প্রদান করে (গণনা করা সহজ করার জন্য রাউন্ড সংখ্যা ব্যবহার করা হয়)। স্কোরটি নিচের বাম কোণে প্রদর্শিত হবে।
-- **জীবন কাউন্টার**: আপনার হিরো তিনটি জীবন দিয়ে শুরু করে - প্রাথমিক আর্কেড গেমগুলির দ্বারা চ্যালেঞ্জ এবং খেলার যোগ্যতার মধ্যে ভারসাম্য বজায় রাখতে এটি একটি মানদণ্ড। শত্রুর সাথে প্রতিটি সংঘর্ষে একটি জীবন হারায়। আমরা বাকি জীবনগুলোকে নিচের ডান কোণে জাহাজের আইকন ব্যবহার করে প্রদর্শন করব ![life image](../../../../translated_images/bn/life.6fb9f50d53ee0413.png)।
+- **জীবন কাউন্টার**: আপনার হিরো তিনটি জীবন দিয়ে শুরু করে - প্রাথমিক আর্কেড গেমগুলির দ্বারা চ্যালেঞ্জ এবং খেলার যোগ্যতার মধ্যে ভারসাম্য বজায় রাখতে এটি একটি মানদণ্ড। শত্রুর সাথে প্রতিটি সংঘর্ষে একটি জীবন হারায়। আমরা বাকি জীবনগুলোকে নিচের ডান কোণে জাহাজের আইকন ব্যবহার করে প্রদর্শন করব ![life image](../../../../translated_images/bn/life.6fb9f50d53ee0413.webp)।
 
 ## চলুন শুরু করি!
 
diff --git a/translations/bn/7-bank-project/1-template-route/README.md b/translations/bn/7-bank-project/1-template-route/README.md
index 455fddf82..f026a15d9 100644
--- a/translations/bn/7-bank-project/1-template-route/README.md
+++ b/translations/bn/7-bank-project/1-template-route/README.md
@@ -575,7 +575,7 @@ sequenceDiagram
 
 `history.pushState` ব্যবহার করে ব্রাউজারের নেভিগেশন ইতিহাসে নতুন এন্ট্রি তৈরি করা হয়। আপনি যদি ব্রাউজারের *ব্যাক বাটন* ধরে রাখেন, এটি কিছুটা এরকম দেখাবে:
 
-![নেভিগেশন ইতিহাসের স্ক্রিনশট](../../../../translated_images/bn/history.7fdabbafa521e064.png)
+![নেভিগেশন ইতিহাসের স্ক্রিনশট](../../../../translated_images/bn/history.7fdabbafa521e064.webp)
 
 আপনি যদি কয়েকবার ব্যাক বাটনে ক্লিক করেন, আপনি দেখবেন যে বর্তমান URL পরিবর্তন হচ্ছে এবং ইতিহাস আপডেট হচ্ছে, কিন্তু একই টেমপ্লেট প্রদর্শিত হচ্ছে।
 
diff --git a/translations/bn/7-bank-project/2-forms/README.md b/translations/bn/7-bank-project/2-forms/README.md
index 4becf78bc..bc0f8d1dc 100644
--- a/translations/bn/7-bank-project/2-forms/README.md
+++ b/translations/bn/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ graph TD
 2. আপনার ব্রাউজারের অ্যাড্রেস বারে পরিবর্তনগুলি লক্ষ্য করুন
 3. লক্ষ্য করুন কীভাবে পৃষ্ঠা পুনরায় লোড হয় এবং ডেটা URL-এ প্রদর্শিত হয়
 
-![রেজিস্টার বোতামে ক্লিক করার পর ব্রাউজারের URL পরিবর্তনের স্ক্রিনশট](../../../../translated_images/bn/click-register.e89a30bf0d4bc9ca.png)
+![রেজিস্টার বোতামে ক্লিক করার পর ব্রাউজারের URL পরিবর্তনের স্ক্রিনশট](../../../../translated_images/bn/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP পদ্ধতির তুলনা
 
@@ -475,7 +475,7 @@ async function register() {
 3. **"Create Account" ক্লিক করুন**
 4. **কনসোল বার্তা এবং ব্যবহারকারীর প্রতিক্রিয়া পর্যবেক্ষণ করুন**
 
-![ব্রাউজার কনসোলে লগ বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/browser-console.efaf0b51aaaf6778.png)
+![ব্রাউজার কনসোলে লগ বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/browser-console.efaf0b51aaaf6778.webp)
 
 **আপনি যা দেখতে পাবেন:**
 - **লোডিং স্টেট** সাবমিট বোতামে প্রদর্শিত হবে
@@ -650,7 +650,7 @@ input:focus:invalid {
 3. **বিশেষ অক্ষর চেষ্টা করুন** ব্যবহারকারীর নাম ক্ষেত্রে
 4. **একটি নেতিবাচক ব্যালেন্স পরিমাণ লিখুন**
 
-![ফর্ম জমা দেওয়ার চেষ্টা করার সময় যাচাইকরণ ত্রুটি দেখানো স্ক্রিনশট](../../../../translated_images/bn/validation-error.8bd23e98d416c22f.png)
+![ফর্ম জমা দেওয়ার চেষ্টা করার সময় যাচাইকরণ ত্রুটি দেখানো স্ক্রিনশট](../../../../translated_images/bn/validation-error.8bd23e98d416c22f.webp)
 
 **আপনি যা পর্যবেক্ষণ করবেন:**
 - **ব্রাউজার প্রদর্শন করে** নেটিভ যাচাইকরণ বার্তা
@@ -769,7 +769,7 @@ timeline
 
 এখানে কিছু স্টাইলিং যোগ করার পরে চূড়ান্ত লগইন পৃষ্ঠার একটি উদাহরণ:
 
-![CSS স্টাইল যোগ করার পরে লগইন পৃষ্ঠার স্ক্রিনশট](../../../../translated_images/bn/result.96ef01f607bf856a.png)
+![CSS স্টাইল যোগ করার পরে লগইন পৃষ্ঠার স্ক্রিনশট](../../../../translated_images/bn/result.96ef01f607bf856a.webp)
 
 ## পোস্ট-লেকচার কুইজ
 
diff --git a/translations/bn/7-bank-project/3-data/README.md b/translations/bn/7-bank-project/3-data/README.md
index 2afc81296..f86922377 100644
--- a/translations/bn/7-bank-project/3-data/README.md
+++ b/translations/bn/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![মাল্টি-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/mpa.7f7375a1a2d4aa77.png)
+![মাল্টি-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/mpa.7f7375a1a2d4aa77.webp)
 
 **কেন এই পদ্ধতি ক্লান্তিকর মনে হয়েছিল:**
 - প্রতিটি ক্লিক মানে পুরো পৃষ্ঠাটি স্ক্র্যাচ থেকে পুনর্নির্মাণ করা
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![সিঙ্গেল-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/spa.268ec73b41f992c2.png)
+![সিঙ্গেল-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/spa.268ec73b41f992c2.webp)
 
 **কেন SPA-গুলো এত ভালো লাগে:**
 - শুধুমাত্র যা পরিবর্তন হয়েছে তা আপডেট হয় (বুদ্ধিমানের কাজ, তাই না?)
@@ -487,7 +487,7 @@ if (data.error) {
 
 এখন আপনি যখন একটি অবৈধ অ্যাকাউন্ট দিয়ে পরীক্ষা করবেন, আপনি পৃষ্ঠায় একটি সহায়ক ত্রুটি বার্তা দেখতে পাবেন!
 
-![লগইন চলাকালীন প্রদর্শিত ত্রুটি বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/login-error.416fe019b36a6327.png)
+![লগইন চলাকালীন প্রদর্শিত ত্রুটি বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/login-error.416fe019b36a6327.webp)
 
 #### ধাপ ৪: অ্যাক্সেসিবিলিটির সাথে অন্তর্ভুক্তিমূলক হওয়া
 
@@ -819,7 +819,7 @@ Agent মোড সম্পর্কে আরও জানুন [এখান
 
 একটি পরিপূর্ণ ড্যাশবোর্ড দেখতে কেমন হতে পারে তার উদাহরণ এখানে:
 
-![ড্যাশবোর্ডের স্টাইলিংয়ের পর একটি উদাহরণ ফলাফলের স্ক্রিনশট](../../../../translated_images/bn/screen2.123c82a831a1d14a.png)
+![ড্যাশবোর্ডের স্টাইলিংয়ের পর একটি উদাহরণ ফলাফলের স্ক্রিনশট](../../../../translated_images/bn/screen2.123c82a831a1d14a.webp)
 
 আপনাকে এটি ঠিক একইভাবে মেলানোর প্রয়োজন নেই - এটি অনুপ্রেরণা হিসেবে ব্যবহার করুন এবং এটিকে আপনার মতো করে তৈরি করুন!
 
diff --git a/translations/bn/7-bank-project/4-state-management/README.md b/translations/bn/7-bank-project/4-state-management/README.md
index 15dcc0a01..a728cc197 100644
--- a/translations/bn/7-bank-project/4-state-management/README.md
+++ b/translations/bn/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ mindmap
 
 আমরা আমাদের **কেন্দ্রীয় স্টেট ম্যানেজমেন্ট** সিস্টেম তৈরি করতে যাচ্ছি। এটি এমন একজন অত্যন্ত সংগঠিত ব্যক্তির মতো যিনি সমস্ত গুরুত্বপূর্ণ বিষয়ের দায়িত্বে আছেন:
 
-![HTML, ব্যবহারকারীর ক্রিয়া এবং স্টেটের মধ্যে ডেটা প্রবাহ দেখানো স্কিমা](../../../../translated_images/bn/data-flow.fa2354e0908fecc8.png)
+![HTML, ব্যবহারকারীর ক্রিয়া এবং স্টেটের মধ্যে ডেটা প্রবাহ দেখানো স্কিমা](../../../../translated_images/bn/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
diff --git a/translations/bn/7-bank-project/4-state-management/assignment.md b/translations/bn/7-bank-project/4-state-management/assignment.md
index 2c6dedb10..7ae6301ca 100644
--- a/translations/bn/7-bank-project/4-state-management/assignment.md
+++ b/translations/bn/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **প্রত্যাশিত ফলাফল:**
 এই অ্যাসাইনমেন্ট সম্পন্ন করার পরে, আপনার ব্যাংকিং অ্যাপে একটি সম্পূর্ণ কার্যকরী "ট্রানজ্যাকশন যোগ করুন" ফিচার থাকবে যা পেশাদারভাবে দেখাবে এবং কাজ করবে:
 
-![একটি উদাহরণ "ট্রানজ্যাকশন যোগ করুন" ডায়ালগের স্ক্রিনশট](../../../../translated_images/bn/dialog.93bba104afeb79f1.png)
+![একটি উদাহরণ "ট্রানজ্যাকশন যোগ করুন" ডায়ালগের স্ক্রিনশট](../../../../translated_images/bn/dialog.93bba104afeb79f1.webp)
 
 ## আপনার বাস্তবায়ন পরীক্ষা করা
 
diff --git a/translations/bn/7-bank-project/README.md b/translations/bn/7-bank-project/README.md
index dc26a7aa9..1ec163208 100644
--- a/translations/bn/7-bank-project/README.md
+++ b/translations/bn/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 এই প্রকল্পে, আপনি একটি কাল্পনিক ব্যাংক তৈরি করার পদ্ধতি শিখবেন। এই পাঠগুলোতে একটি ওয়েব অ্যাপের লেআউট এবং রুট তৈরি, ফর্ম তৈরি, স্টেট পরিচালনা এবং API থেকে ব্যাংকের ডেটা সংগ্রহ করার পদ্ধতি শেখানো হয়েছে।
 
-| ![Screen1](../../../translated_images/bn/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/bn/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/bn/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/bn/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## পাঠসমূহ
diff --git a/translations/bn/8-code-editor/1-using-a-code-editor/README.md b/translations/bn/8-code-editor/1-using-a-code-editor/README.md
index 679499592..08ded5931 100644
--- a/translations/bn/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/bn/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ VSCode.dev এই ক্ষমতাগুলো আপনার ব্রাউ
 
 সবকিছু লোড হয়ে গেলে, আপনি একটি সুন্দর পরিষ্কার ওয়ার্কস্পেস দেখতে পাবেন যা আপনাকে গুরুত্বপূর্ণ বিষয়ের উপর মনোযোগ দিতে সাহায্য করে – আপনার কোড!
 
-![ডিফল্ট VSCode.dev ইন্টারফেস](../../../../translated_images/bn/default-vscode-dev.5d06881d65c1b323.png)
+![ডিফল্ট VSCode.dev ইন্টারফেস](../../../../translated_images/bn/default-vscode-dev.5d06881d65c1b323.webp)
 
 **এটি আপনার আশেপাশের ট্যুর:**
 - **অ্যাক্টিভিটি বার** (বাম দিকে স্ট্রিপটি): আপনার প্রধান নেভিগেশন যেখানে আছে Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, এবং Settings ⚙️
@@ -233,7 +233,7 @@ flowchart TB
 1. [vscode.dev](https://vscode.dev)-এ যান যদি আপনি ইতিমধ্যে সেখানে না থাকেন
 2. ওয়েলকাম স্ক্রিনে "Open Remote Repository" বোতামটি খুঁজুন এবং ক্লিক করুন
 
-   ![রিমোট রিপোজিটরি খুলুন](../../../../translated_images/bn/open-remote-repository.bd9c2598b8949e7f.png)
+   ![রিমোট রিপোজিটরি খুলুন](../../../../translated_images/bn/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. যেকোনো GitHub রিপোজিটরি URL পেস্ট করুন (এটি চেষ্টা করুন: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Enter চাপুন এবং জাদু দেখুন!
@@ -242,7 +242,7 @@ flowchart TB
 
 কোডিং উইজার্ডের মতো অনুভব করতে চান? এই কীবোর্ড শর্টকাট চেষ্টা করুন: Ctrl+Shift+P (বা Mac-এ Cmd+Shift+P) কমান্ড প্যালেট খুলতে:
 
-![কমান্ড প্যালেট](../../../../translated_images/bn/palette-menu.4946174e07f42622.png)
+![কমান্ড প্যালেট](../../../../translated_images/bn/palette-menu.4946174e07f42622.webp)
 
 **কমান্ড প্যালেট হলো সবকিছু করার জন্য একটি সার্চ ইঞ্জিনের মতো:**
 - "open remote" টাইপ করুন এবং এটি রিপোজিটরি ওপেনার খুঁজে দেবে
@@ -304,7 +304,7 @@ flowchart TB
 3. উপযুক্ত এক্সটেনশনসহ ফাইলের নাম লিখুন (`style.css`, `script.js`, `index.html`)
 4. Enter চাপুন ফাইল তৈরি করতে
 
-![নতুন ফাইল তৈরি করা](../../../../translated_images/bn/create-new-file.2814e609c2af9aeb.png)
+![নতুন ফাইল তৈরি করা](../../../../translated_images/bn/create-new-file.2814e609c2af9aeb.webp)
 
 **নামকরণের নিয়মাবলী:**
 - ফাইলের উদ্দেশ্য নির্দেশ করে বর্ণনামূলক নাম ব্যবহার করুন
@@ -381,7 +381,7 @@ mindmap
 2. ঘুরে দেখুন বা নির্দিষ্ট কিছু খুঁজুন
 3. যা আকর্ষণীয় মনে হয় তাতে ক্লিক করুন এবং আরও জানুন
 
-![এক্সটেনশন মার্কেটপ্লেস ইন্টারফেস](../../../../translated_images/bn/extensions.eca0e0c7f59a10b5.png)
+![এক্সটেনশন মার্কেটপ্লেস ইন্টারফেস](../../../../translated_images/bn/extensions.eca0e0c7f59a10b5.webp)
 
 **আপনি সেখানে যা দেখতে পাবেন:**
 
@@ -434,7 +434,7 @@ mindmap
 3. ড্রপডাউন থেকে "এক্সটেনশন সেটিংস" নির্বাচন করুন
 4. আপনার ওয়ার্কফ্লো অনুযায়ী জিনিসগুলো সামঞ্জস্য করুন
 
-![এক্সটেনশন সেটিংস কাস্টমাইজ করা](../../../../translated_images/bn/extension-settings.21c752ae4f4cdb78.png)
+![এক্সটেনশন সেটিংস কাস্টমাইজ করা](../../../../translated_images/bn/extension-settings.21c752ae4f4cdb78.webp)
 
 **যা আপনি সাধারণত সামঞ্জস্য করতে চাইবেন:**
 - আপনার কোড কীভাবে ফরম্যাট হবে (ট্যাব বনাম স্পেস, লাইন দৈর্ঘ্য ইত্যাদি)
diff --git a/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md b/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md
index e2059a24b..7b7651892 100644
--- a/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **একটি কমিট বার্তা লিখুন**: "Add initial HTML structure"
 5. **"Commit new file" ক্লিক করুন** আপনার পরিবর্তনগুলি সংরক্ষণ করতে
 
-![GitHub-এ প্রাথমিক ফাইল তৈরি করা](../../../../translated_images/bn/new-file-github.com.c886796d800e8056.png)
+![GitHub-এ প্রাথমিক ফাইল তৈরি করা](../../../../translated_images/bn/new-file-github.com.c886796d800e8056.webp)
 
 **এই প্রাথমিক সেটআপ যা অর্জন করে:**
 - **HTML5 ডকুমেন্ট গঠন প্রতিষ্ঠা করে** সেমান্টিক এলিমেন্ট সহ
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **সফলতার সূচক**: আপনি আপনার প্রকল্প ফাইলগুলি Explorer সাইডবারে এবং `index.html` প্রধান এডিটর এলাকায় দেখতে পাবেন।
 
-![VSCode.dev-এ প্রকল্প লোড করা](../../../../translated_images/bn/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev-এ প্রকল্প লোড করা](../../../../translated_images/bn/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **ইন্টারফেসে যা আপনি দেখতে পাবেন:**
 - **Explorer সাইডবার**: **প্রদর্শন করে** আপনার রিপোজিটরি ফাইল এবং ফোল্ডার গঠন
@@ -448,7 +448,7 @@ li:before {
 **ইনস্টলেশনের পরপরই ফলাফল:**
 CodeSwing ইনস্টল করার পরে, আপনি আপনার রিজিউম ওয়েবসাইটের একটি লাইভ প্রিভিউ এডিটরে দেখতে পাবেন। এটি আপনাকে আপনার সাইটটি কেমন দেখাচ্ছে তা পরিবর্তন করার সাথে সাথে দেখতে দেয়।
 
-![CodeSwing এক্সটেনশন লাইভ প্রিভিউ দেখাচ্ছে](../../../../translated_images/bn/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing এক্সটেনশন লাইভ প্রিভিউ দেখাচ্ছে](../../../../translated_images/bn/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **উন্নত ইন্টারফেস বোঝা:**
 - **স্প্লিট ভিউ**: **আপনার কোড এক পাশে এবং লাইভ প্রিভিউ অন্য পাশে দেখায়**
diff --git a/translations/bn/9-chat-project/README.md b/translations/bn/9-chat-project/README.md
index 8be09b836..228015a02 100644
--- a/translations/bn/9-chat-project/README.md
+++ b/translations/bn/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 আপনার সমাপ্ত প্রকল্পটি দেখতে এমন হবে:
 
-![চ্যাট অ্যাপ ইন্টারফেস যেখানে ব্যবহারকারী এবং এআই সহকারীর মধ্যে কথোপকথন দেখানো হচ্ছে](../../../translated_images/bn/screenshot.0a1ee0d123df681b.png)
+![চ্যাট অ্যাপ ইন্টারফেস যেখানে ব্যবহারকারী এবং এআই সহকারীর মধ্যে কথোপকথন দেখানো হচ্ছে](../../../translated_images/bn/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ এআই অ্যাপ্লিকেশন ডেভেলপমেন্টের মাধ্যমে আপনার শেখার যাত্রা
 
@@ -1703,14 +1703,14 @@ mindmap
 - **[Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) এ যান**  
 - **উপরের ডানদিকে "Use this template" ক্লিক করুন** (নিশ্চিত করুন আপনি GitHub-এ লগইন করেছেন)  
 
-![টেমপ্লেট ইন্টারফেস যেখানে সবুজ "Use this template" বোতাম দেখানো হয়েছে](../../../translated_images/bn/template.67ad477109d29a2b.png)  
+![টেমপ্লেট ইন্টারফেস যেখানে সবুজ "Use this template" বোতাম দেখানো হয়েছে](../../../translated_images/bn/template.67ad477109d29a2b.webp)  
 
 **ধাপ ২: Codespaces চালু করুন**  
 - **আপনার নতুন তৈরি করা রিপোজিটরি খুলুন**  
 - **সবুজ "Code" বোতাম ক্লিক করুন এবং "Codespaces" নির্বাচন করুন**  
 - **"Create codespace on main" নির্বাচন করুন** আপনার ডেভেলপমেন্ট পরিবেশ শুরু করতে  
 
-![Codespace ইন্টারফেস যেখানে ক্লাউড ডেভেলপমেন্ট পরিবেশ চালু করার অপশন দেখানো হয়েছে](../../../translated_images/bn/codespace.bcecbdf5d2747d3d.png)  
+![Codespace ইন্টারফেস যেখানে ক্লাউড ডেভেলপমেন্ট পরিবেশ চালু করার অপশন দেখানো হয়েছে](../../../translated_images/bn/codespace.bcecbdf5d2747d3d.webp)  
 
 **ধাপ ৩: পরিবেশ কনফিগারেশন**  
 আপনার Codespace লোড হওয়ার পর, আপনি পাবেন:  
diff --git a/translations/bn/README.md b/translations/bn/README.md
index e4653f82c..2f441c6bf 100644
--- a/translations/bn/README.md
+++ b/translations/bn/README.md
@@ -53,13 +53,13 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
 
 শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
-![Background](../../translated_images/bn/background.148a8d43afde5730.png)
+![Background](../../translated_images/bn/background.148a8d43afde5730.webp)
 
 - বেসিক থেকে শুরু করে RAG পর্যন্ত সবকিছু শেখানো হয়।
 - GenAI এবং আমাদের কম্প্যানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে ইন্টারঅ্যাক্ট করুন।
 - মজাদার এবং আকর্ষণীয় কাহিনি, আপনাকে সময়ে ভ্রমণ করানো হবে!
 
-![character](../../translated_images/bn/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/bn/character.5c0dd8e067ffd693.webp)
 
 প্রতিটি পাঠে একটি কাজ, জ্ঞানের পরীক্ষা এবং একটি চ্যালেঞ্জ থাকে, যা আপনাকে নিম্নলিখিত বিষয় শিখতে সাহায্য করবে:
 - প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং
@@ -93,7 +93,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন
 
 আপনি যে কপি তৈরি করেছেন সেখানে **Code** বোতামে ক্লিক করে **Open with Codespaces** নির্বাচন করুন। এটি আপনার জন্য একটি নতুন Codespace তৈরি করবে যেখানে আপনি কাজ করবেন।
 
-![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.webp)
 
 #### আপনার কম্পিউটারে লোকালি পাঠক্রম চালানো
 
diff --git a/translations/bn/for-teachers.md b/translations/bn/for-teachers.md
index 0427b42a8..b6d01dab5 100644
--- a/translations/bn/for-teachers.md
+++ b/translations/bn/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud-এ Common Cartridge সমর্থন সীমিত। উপরের Moodle ফাইলটি পছন্দ করুন, যা Canvas-এও আপলোড করা যেতে পারে।
   - আমদানির পরে, আপনার টার্ম শিডিউলের সাথে মডিউল, ডিউ তারিখ এবং কুইজ সেটিংস পর্যালোচনা করুন।
 
-![Moodle](../../translated_images/bn/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/bn/moodle.94eb93d714a50cb2.webp)
 > Moodle ক্লাসরুমে পাঠ্যক্রম
 
-![Canvas](../../translated_images/bn/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/bn/canvas.fbd605ff8e5b8aff.webp)
 > Canvas-এ পাঠ্যক্রম
 
 ### সরাসরি রিপোজিটরি ব্যবহার করুন (ক্লাসরুম ছাড়া)
diff --git a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 87d6c4bca..5de02137e 100644
--- a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Olha, eu entendo totalmente se programar parece intimidante agora. Quando comece
 
 Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não apenas possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que os desenvolvedores da Netflix, Spotify e do seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai te fazer dançar de felicidade: a maioria dessas ferramentas profissionais e padrão da indústria são completamente gratuitas!
 
-![Introdução à Programação](../../../../translated_images/br/webdev101-programming.d6e3f98e61ac4bff.png)
+![Introdução à Programação](../../../../translated_images/br/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/br/1-getting-started-lessons/2-github-basics/README.md b/translations/br/1-getting-started-lessons/2-github-basics/README.md
index c12f63a1a..fe85c8434 100644
--- a/translations/br/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/br/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Eu sei que isso pode parecer muito no começo – eu mesmo lembro de olhar para
 
 Vamos embarcar nessa jornada juntos, passo a passo. Sem pressa, sem pressão – apenas você, eu e algumas ferramentas muito legais que estão prestes a se tornar suas melhores amigas!
 
-![Introdução ao GitHub](../../../../translated_images/br/webdev101-github.8846d7971abef6f9.png)
+![Introdução ao GitHub](../../../../translated_images/br/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -604,7 +604,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se
 
 ✅ Uma boa maneira de encontrar repositórios 'amigáveis para iniciantes' é [buscar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Copiar um repositório localmente](../../../../translated_images/br/clone_repo.5085c48d666ead57.png)
+![Copiar um repositório localmente](../../../../translated_images/br/clone_repo.5085c48d666ead57.webp)
 
 Existem várias maneiras de copiar código. Uma delas é "clonar" o conteúdo do repositório, usando HTTPS, SSH ou o GitHub CLI (Interface de Linha de Comando).
 
diff --git a/translations/br/1-getting-started-lessons/3-accessibility/README.md b/translations/br/1-getting-started-lessons/3-accessibility/README.md
index cd4c6fa65..98d552353 100644
--- a/translations/br/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/br/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Criando Páginas Web Acessíveis
 
-![Tudo Sobre Acessibilidade](../../../../translated_images/br/webdev101-a11y.8ef3025c858d897a.png)
+![Tudo Sobre Acessibilidade](../../../../translated_images/br/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/br/2-js-basics/1-data-types/README.md b/translations/br/2-js-basics/1-data-types/README.md
index df5b8f0b8..7e0d88218 100644
--- a/translations/br/2-js-basics/1-data-types/README.md
+++ b/translations/br/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Noções Básicas de JavaScript: Tipos de Dados
 
-![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/br/webdev101-js-datatypes.4cc470179730702c.png)
+![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/br/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/br/2-js-basics/2-functions-methods/README.md b/translations/br/2-js-basics/2-functions-methods/README.md
index ee4a99611..411535b93 100644
--- a/translations/br/2-js-basics/2-functions-methods/README.md
+++ b/translations/br/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Noções Básicas de JavaScript: Métodos e Funções
 
-![Noções Básicas de JavaScript - Funções](../../../../translated_images/br/webdev101-js-functions.be049c4726e94f8b.png)
+![Noções Básicas de JavaScript - Funções](../../../../translated_images/br/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/br/2-js-basics/3-making-decisions/README.md b/translations/br/2-js-basics/3-making-decisions/README.md
index 9ec8f5481..a7c72bda1 100644
--- a/translations/br/2-js-basics/3-making-decisions/README.md
+++ b/translations/br/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Fundamentos de JavaScript: Tomando Decisões
 
-![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/br/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/br/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/br/2-js-basics/4-arrays-loops/README.md b/translations/br/2-js-basics/4-arrays-loops/README.md
index 205e92658..6185a141c 100644
--- a/translations/br/2-js-basics/4-arrays-loops/README.md
+++ b/translations/br/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Noções Básicas de JavaScript: Arrays e Loops
 
-![Noções Básicas de JavaScript - Arrays](../../../../translated_images/br/webdev101-js-arrays.439d7528b8a29455.png)
+![Noções Básicas de JavaScript - Arrays](../../../../translated_images/br/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/br/3-terrarium/1-intro-to-html/README.md b/translations/br/3-terrarium/1-intro-to-html/README.md
index cf1df92e3..830373190 100644
--- a/translations/br/3-terrarium/1-intro-to-html/README.md
+++ b/translations/br/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![Introdução ao HTML](../../../../translated_images/br/webdev101-html.4389c2067af68e98.png)
+![Introdução ao HTML](../../../../translated_images/br/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, ou Linguagem de Marcação de Hipertexto, é a base de todos os sites que você já visitou. Pense no HTML como o esqueleto que dá estrutura às páginas da web – ele define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde "vestirá" seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo isso possível.
@@ -88,7 +88,7 @@ Você criará uma pasta dedicada para seu projeto de terrário e adicionará seu
 4. No painel Explorer, clique no ícone "Novo Arquivo"
 5. Nomeie seu arquivo como `index.html`
 
-![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/br/vs-code-index.e2986cf919471eb9.png)
+![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/br/vs-code-index.e2986cf919471eb9.webp)
 
 **Opção 2: Usando Comandos no Terminal**
 ```bash
diff --git a/translations/br/3-terrarium/2-intro-to-css/README.md b/translations/br/3-terrarium/2-intro-to-css/README.md
index 2238f8eca..e6c161874 100644
--- a/translations/br/3-terrarium/2-intro-to-css/README.md
+++ b/translations/br/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![Introdução ao CSS](../../../../translated_images/br/webdev101-css.3f7af5991bf53a20.png)
+![Introdução ao CSS](../../../../translated_images/br/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Lembra como seu terrário em HTML parecia bem básico? Com o CSS, transformamos essa estrutura simples em algo visualmente atraente.
@@ -205,7 +205,7 @@ body {
 
 Abra as ferramentas de desenvolvedor do seu navegador (F12), navegue até a aba Elementos e inspecione seu elemento `<h1>`. Você verá que ele herda a família de fontes do body:
 
-![fonte herdada](../../../../translated_images/br/1.cc07a5cbe114ad1d.png)
+![fonte herdada](../../../../translated_images/br/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Hora de Experimentar**: Tente definir outras propriedades herdáveis no `<body>` como `color`, `line-height` ou `text-align`. O que acontece com seu título e outros elementos?
 
@@ -599,7 +599,7 @@ Pronto para aprimorar seu terrário com reflexos realistas no vidro? Essa técni
 
 Você criará destaques sutis que simulam como a luz reflete nas superfícies de vidro. Essa abordagem é semelhante à usada por pintores renascentistas como Jan van Eyck, que utilizavam luz e reflexos para fazer o vidro pintado parecer tridimensional. Aqui está o que você deve alcançar:
 
-![terrário finalizado](../../../../translated_images/br/terrarium-final.2f07047ffc597d0a.png)
+![terrário finalizado](../../../../translated_images/br/terrarium-final.2f07047ffc597d0a.webp)
 
 **Seu desafio:**
 - **Crie** formas ovais sutis, brancas ou de cor clara, para os reflexos do vidro
diff --git a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md
index fb33440b6..cc38ed4bb 100644
--- a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM e um closure](../../../../translated_images/br/webdev101-js.10280393044d7eaa.png)
+![DOM e um closure](../../../../translated_images/br/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Bem-vindo a um dos aspectos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre seu HTML e JavaScript, e hoje vamos usá-lo para dar vida ao seu terrário. Quando Tim Berners-Lee criou o primeiro navegador web, ele imaginou uma web onde os documentos poderiam ser dinâmicos e interativos - o DOM torna essa visão possível.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.png)
+![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp)
 
 > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **Entendendo Closures**: Closures são um tópico significativo em JavaScript, e muitos desenvolvedores os utilizam por anos antes de compreender totalmente todos os aspectos teóricos. Hoje, estamos focando na aplicação prática - você verá closures surgirem naturalmente enquanto construímos nossos recursos interativos. A compreensão se desenvolverá à medida que você perceber como eles resolvem problemas reais.
 
-![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.png)
+![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp)
 
 > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -598,7 +598,7 @@ Agora teste seu terrário interativo! Abra seu arquivo `index.html` em um navega
 - **Suporte entre dispositivos**: Funciona em desktop e dispositivos móveis
 - **Consciente do desempenho**: Sem vazamentos de memória ou cálculos redundantes
 
-![terrário finalizado](../../../../translated_images/br/terrarium-final.0920f16e87c13a84.png)
+![terrário finalizado](../../../../translated_images/br/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/br/3-terrarium/solution/README.md b/translations/br/3-terrarium/solution/README.md
index 3963e0707..84cfa8b8d 100644
--- a/translations/br/3-terrarium/solution/README.md
+++ b/translations/br/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Uma pequena meditação de código com arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode criar uma interface web, estilizar e adicionar interatividade.
 
-![meu terrário](../../../../translated_images/br/screenshot_gray.0c796099a1f9f25e.png)
+![meu terrário](../../../../translated_images/br/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Créditos
 
diff --git a/translations/br/5-browser-extension/1-about-browsers/README.md b/translations/br/5-browser-extension/1-about-browsers/README.md
index 07faf27ed..b6cac0b58 100644
--- a/translations/br/5-browser-extension/1-about-browsers/README.md
+++ b/translations/br/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![Esboço de navegador](../../../../translated_images/br/browser.60317c9be8b7f84a.jpg)
+![Esboço de navegador](../../../../translated_images/br/browser.60317c9be8b7f84a.webp)
 > Esboço por [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Quiz Pré-Aula
@@ -79,7 +79,7 @@ Esse processo reflete como o primeiro navegador web, WorldWideWeb, foi projetado
 
 ✅ **Um pouco de história**: O primeiro navegador foi chamado 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990.
 
-![navegadores antigos](../../../../translated_images/br/earlybrowsers.d984b711cdf3a42d.jpg)
+![navegadores antigos](../../../../translated_images/br/earlybrowsers.d984b711cdf3a42d.webp)
 > Alguns navegadores antigos, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Como os Navegadores Processam Conteúdo Web
@@ -198,7 +198,7 @@ quadrantChart
 
 Entender o processo de instalação de extensões ajuda você a antecipar a experiência do usuário ao instalar sua extensão. O processo de instalação é padronizado nos navegadores modernos, com pequenas variações no design da interface.
 
-![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/br/install-on-edge.d68781acaf0b3d3d.png)
+![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/br/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Importante**: Certifique-se de ativar o modo desenvolvedor e permitir extensões de outras lojas ao testar suas próprias extensões.
 
@@ -313,10 +313,10 @@ Isso segue o princípio de divulgação progressiva usado no design de interface
 ### Visão Geral das Telas da Extensão
 
 **Tela de Configuração** - Configuração inicial do usuário:
-![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/br/1.b6da8c1394b07491.png)
+![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/br/1.b6da8c1394b07491.webp)
 
 **Tela de Resultados** - Exibição de dados de pegada de carbono:
-![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/br/2.1dae52ff08042246.png)
+![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/br/2.1dae52ff08042246.webp)
 
 ### Construindo o Formulário de Configuração
 
diff --git a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md
index 20ee7dccf..861a667bd 100644
--- a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Painel de armazenamento local](../../../../translated_images/br/localstorage.472f8147b6a3f8d1.png)
+![Painel de armazenamento local](../../../../translated_images/br/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Consideração de Segurança**: Em aplicativos de produção, armazenar chaves de API no LocalStorage apresenta riscos de segurança, já que o JavaScript pode acessar esses dados. Para fins de aprendizado, essa abordagem funciona bem, mas aplicativos reais devem usar armazenamento seguro no servidor para credenciais sensíveis.
 
diff --git a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md
index 7daaf2ad1..19cf4232c 100644
--- a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Para abrir as Ferramentas de Desenvolvedor no Edge, clique nos três pontos no c
 
 Vamos experimentar isso. Abra um site (Microsoft.com funciona bem para isso) e clique no botão 'Gravar'. Agora atualize a página e observe o profiler capturar tudo o que acontece. Quando você parar a gravação, verá um detalhamento de como o navegador 'escreve scripts', 'renderiza' e 'pinta' o site. Isso me lembra como o controle da missão monitora cada sistema durante o lançamento de um foguete - você obtém dados em tempo real sobre exatamente o que está acontecendo e quando.
 
-![Profiler do Edge](../../../../translated_images/br/profiler.5a4a62479c5df01c.png)
+![Profiler do Edge](../../../../translated_images/br/profiler.5a4a62479c5df01c.webp)
 
 ✅ A [Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) tem muitos mais detalhes se você quiser se aprofundar.
 
@@ -136,11 +136,11 @@ Selecione elementos da linha do tempo do perfil para ampliar os eventos que acon
 
 Obtenha um instantâneo do desempenho da sua página selecionando uma parte da linha do tempo do perfil e olhando para o painel de resumo:
 
-![Instantâneo do profiler do Edge](../../../../translated_images/br/snapshot.97750180ebcad737.png)
+![Instantâneo do profiler do Edge](../../../../translated_images/br/snapshot.97750180ebcad737.webp)
 
 Verifique o painel de Log de Eventos para ver se algum evento levou mais de 15 ms:
 
-![Log de eventos do Edge](../../../../translated_images/br/log.804026979f3707e0.png)
+![Log de eventos do Edge](../../../../translated_images/br/log.804026979f3707e0.webp)
 
 ✅ Familiarize-se com seu profiler! Abra as ferramentas de desenvolvedor neste site e veja se há algum gargalo. Qual é o ativo que carrega mais lentamente? O mais rápido?
 
diff --git a/translations/br/5-browser-extension/README.md b/translations/br/5-browser-extension/README.md
index c12e5d023..8fa95eaad 100644
--- a/translations/br/5-browser-extension/README.md
+++ b/translations/br/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Essa extensão pode ser chamada sob demanda por um usuário, uma vez que uma cha
 
 ### Créditos
 
-![uma extensão de navegador verde](../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![uma extensão de navegador verde](../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Créditos
 
diff --git a/translations/br/5-browser-extension/solution/README.md b/translations/br/5-browser-extension/solution/README.md
index 4d2373bea..11769c57d 100644
--- a/translations/br/5-browser-extension/solution/README.md
+++ b/translations/br/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Utilizar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações.
 
-![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Primeiros Passos
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
 
-![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/solution/translation/README.fr.md b/translations/br/5-browser-extension/solution/translation/README.fr.md
index 241d77bca..3705215c0 100644
--- a/translations/br/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/br/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador para que você possa receber um lembrete diretamente no navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações.
 
-![captura da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Primeiros Passos
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar extensão descompactada' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
 
-![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer um indicador sobre quais atividades de alto consumo energético seriam apropriadas realizar. O conceito por trás desse sistema de 'pontos' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/solution/translation/README.hi.md b/translations/br/5-browser-extension/solution/translation/README.hi.md
index 48d301990..a2b71d3f2 100644
--- a/translations/br/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/br/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Usando a API CO2 Signal da tmrow para rastrear o uso de eletricidade, esta extensão de navegador foi criada para lembrar você sobre o impacto do uso de energia na sua região enquanto navega. Utilizar esta extensão pode ajudá-lo a tomar decisões informadas com base nessas informações.
 
-![Captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![Captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Começando
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para encontrar o painel de extensões. A partir daí, selecione 'Carregar sem empacotar' para carregar uma nova extensão. No prompt, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API do CO2 Signal ([obtenha por e-mail aqui](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e [o código da sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (por exemplo, em Boston, eu uso 'US-NEISO').
 
-![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois que a chave de API e o código da região forem inseridos na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o uso de energia na sua região e fornecer um indicador sobre quais atividades intensivas em energia são mais adequadas para o momento. O conceito por trás deste sistema de 'ponto' foi inspirado pela extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/solution/translation/README.it.md b/translations/br/5-browser-extension/solution/translation/README.it.md
index cfcae626d..52b1606a4 100644
--- a/translations/br/5-browser-extension/solution/translation/README.it.md
+++ b/translations/br/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Será utilizada a API Signal CO2 da tmrow para monitorar o uso de eletricidade e criar uma extensão para o navegador, permitindo que você tenha um lembrete diretamente no navegador sobre o impacto do consumo de eletricidade na sua região. O uso dessa extensão personalizada ajudará a avaliar suas atividades com base nessas informações.
 
-![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Para Começar
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, utilize o menu de "três pontos" no canto superior direito do navegador para acessar o painel de Extensões. Se ainda não estiver ativado, habilite o Modo Desenvolvedor (no canto inferior esquerdo). Selecione "Carregar sem compactação" para adicionar uma nova extensão. No prompt, abra a pasta "dist" e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal (você pode [obter uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [mapa elétrico](https://www.electricitymap.org/map) (em Boston, por exemplo, "US-NEISO").
 
-![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da região e fornecer uma indicação sobre quais atividades de alto consumo energético seriam apropriadas para realizar. O conceito por trás desse sistema de "pontos" foi inspirado na [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/solution/translation/README.ja.md b/translations/br/5-browser-extension/solution/translation/README.ja.md
index bb8f1d79b..ca2b1423e 100644
--- a/translations/br/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/br/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Com a API CO2 Signal da tmrow, você pode criar uma extensão de navegador que exibe lembretes sobre o consumo de energia na sua região diretamente no navegador. Essa extensão permite que você acompanhe o uso de energia e tome decisões informadas com base nessas informações.
 
-![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Introdução
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, encontre o painel "Extensões" no menu de "três pontos" no canto superior direito do navegador. A partir daí, selecione "Carregar sem compactação" e carregue a nova extensão. Quando solicitado, abra a pasta "dist" para carregar a extensão. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e do [código correspondente à sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, use 'US-NEISO').
 
-![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido aparecerá na barra de extensões do navegador. Esse ponto mudará de cor para refletir o consumo de energia na sua região, ajudando você a decidir quais atividades que demandam energia são mais apropriadas naquele momento. O conceito desse sistema de "pontos" foi inspirado na extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/solution/translation/README.ms.md b/translations/br/5-browser-extension/solution/translation/README.ms.md
index aad9abaee..8852c7a28 100644
--- a/translations/br/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/br/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador que possa alertá-lo sobre o impacto do consumo de energia na sua região. O uso dessa extensão pode ajudá-lo a tomar decisões mais conscientes sobre suas atividades com base nessas informações.
 
-![captura de tela da extensão do navegador](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura de tela da extensão do navegador](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Começando
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa na página) e [o código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
 
-![baixando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![baixando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido na barra da extensão do navegador mudará para refletir o consumo de energia da sua região e fornecerá sugestões sobre quais atividades intensivas são mais adequadas para o momento. O conceito por trás do sistema de 'pontos' foi inspirado pela [extensão de navegador Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/5-browser-extension/start/README.md b/translations/br/5-browser-extension/start/README.md
index 839768a97..ea04ebb59 100644
--- a/translations/br/5-browser-extension/start/README.md
+++ b/translations/br/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Usar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações.
 
-![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png)
+![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Primeiros Passos
 
@@ -31,7 +31,7 @@ npm run build
 
 Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem Empacotamento' para carregar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
 
-![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.png)
+![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
 
 Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.
 
diff --git a/translations/br/6-space-game/2-drawing-to-canvas/README.md b/translations/br/6-space-game/2-drawing-to-canvas/README.md
index 13a07c2c1..38bec08a9 100644
--- a/translations/br/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/br/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![a grade do canvas](../../../../translated_images/br/canvas_grid.5f209da785ded492.png)
+![a grade do canvas](../../../../translated_images/br/canvas_grid.5f209da785ded492.webp)
 > Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Para desenhar no elemento canvas, você seguirá o mesmo processo de três etapas que forma a base de todos os gráficos do canvas. Depois de fazer isso algumas vezes, torna-se algo natural:
@@ -329,11 +329,11 @@ Você criará uma página web com um elemento Canvas. Ela deve renderizar uma te
 
 - Nave do herói
 
-   ![Nave do herói](../../../../translated_images/br/player.dd24c1afa8c71e9b.png)
+   ![Nave do herói](../../../../translated_images/br/player.dd24c1afa8c71e9b.webp)
 
 - Formação 5×5 de monstros
 
-   ![Nave do monstro](../../../../translated_images/br/enemyShip.5df2a822c16650c2.png)
+   ![Nave do monstro](../../../../translated_images/br/enemyShip.5df2a822c16650c2.webp)
 
 ### Passos Recomendados para Iniciar o Desenvolvimento
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 O resultado final deve ser assim:  
 
-![Tela preta com um herói e 5x5 monstros](../../../../translated_images/br/partI-solution.36c53b48c9ffae2a.png)  
+![Tela preta com um herói e 5x5 monstros](../../../../translated_images/br/partI-solution.36c53b48c9ffae2a.webp)  
 
 ## Solução  
 
diff --git a/translations/br/6-space-game/5-keeping-score/README.md b/translations/br/6-space-game/5-keeping-score/README.md
index 9b132577e..3b1b5a954 100644
--- a/translations/br/6-space-game/5-keeping-score/README.md
+++ b/translations/br/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **Sistema de pontuação**: Cada nave inimiga destruída concede 100 pontos (números redondos são mais fáceis para os jogadores calcularem mentalmente). A pontuação será exibida no canto inferior esquerdo.
-- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/br/life.6fb9f50d53ee0413.png).
+- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/br/life.6fb9f50d53ee0413.webp).
 
 ## Vamos Começar!
 
diff --git a/translations/br/7-bank-project/1-template-route/README.md b/translations/br/7-bank-project/1-template-route/README.md
index 2e5a72739..77e3e0c8e 100644
--- a/translations/br/7-bank-project/1-template-route/README.md
+++ b/translations/br/7-bank-project/1-template-route/README.md
@@ -652,7 +652,7 @@ sequenceDiagram
 
 Usar o `history.pushState` cria novas entradas no histórico de navegação do navegador. Você pode verificar isso segurando o *botão voltar* do seu navegador, ele deve exibir algo assim:
 
-![Captura de tela do histórico de navegação](../../../../translated_images/br/history.7fdabbafa521e064.png)
+![Captura de tela do histórico de navegação](../../../../translated_images/br/history.7fdabbafa521e064.webp)
 
 Se você tentar clicar no botão voltar algumas vezes, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua sendo exibido.
 
diff --git a/translations/br/7-bank-project/2-forms/README.md b/translations/br/7-bank-project/2-forms/README.md
index 9230f7c28..37a37f465 100644
--- a/translations/br/7-bank-project/2-forms/README.md
+++ b/translations/br/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ Primeiro, vamos observar o que acontece com o envio básico de formulários:
 2. Observe as mudanças na barra de endereço do navegador
 3. Note como a página recarrega e os dados aparecem na URL
 
-![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/br/click-register.e89a30bf0d4bc9ca.png)
+![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/br/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Comparação de Métodos HTTP
 
@@ -350,7 +350,7 @@ Vamos configurar seu formulário de registro para se comunicar corretamente com
 2. **Clique** no botão "Criar Conta"
 3. **Observe** a resposta do servidor no seu navegador
 
-![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/br/form-post.61de4ca1b964d91a.png)
+![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/br/form-post.61de4ca1b964d91a.webp)
 
 **O que você deve ver:**
 - **Redirecionamento do navegador** para a URL do endpoint da API
@@ -615,7 +615,7 @@ async function register() {
 3. **Clique** em "Criar Conta"
 4. **Observe** as mensagens do console e o feedback ao usuário
 
-![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/br/browser-console.efaf0b51aaaf6778.png)
+![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/br/browser-console.efaf0b51aaaf6778.webp)
 
 **O que você deve ver:**
 - **Estado de carregamento** aparece no botão de envio
@@ -790,7 +790,7 @@ Vamos aprimorar seu formulário de registro com validação robusta que oferece
 3. **Tente** caracteres especiais no campo de nome de usuário
 4. **Insira** um valor de saldo negativo
 
-![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/br/validation-error.8bd23e98d416c22f.png)
+![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/br/validation-error.8bd23e98d416c22f.webp)
 
 **O que você observará:**
 - **O navegador exibe** mensagens de validação nativas
@@ -952,7 +952,7 @@ Mostre uma mensagem de erro no HTML se o usuário já existir.
 
 Aqui está um exemplo de como a página de login final pode ficar após um pouco de estilização:
 
-![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/br/result.96ef01f607bf856a.png)
+![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/br/result.96ef01f607bf856a.webp)
 
 ## Quiz Pós-Aula
 
diff --git a/translations/br/7-bank-project/3-data/README.md b/translations/br/7-bank-project/3-data/README.md
index 4caacaee3..15c588f84 100644
--- a/translations/br/7-bank-project/3-data/README.md
+++ b/translations/br/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/br/mpa.7f7375a1a2d4aa77.png)
+![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/br/mpa.7f7375a1a2d4aa77.webp)
 
 **Por que essa abordagem parecia desajeitada:**
 - Cada clique significava reconstruir a página inteira do zero
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/br/spa.268ec73b41f992c2.png)
+![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/br/spa.268ec73b41f992c2.webp)
 
 **Por que os SPAs são muito melhores:**
 - Apenas as partes que realmente mudaram são atualizadas (inteligente, né?)
@@ -523,7 +523,7 @@ if (data.error) {
 
 Agora, ao testar com uma conta inválida, você verá uma mensagem de erro útil diretamente na página!
 
-![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/br/login-error.416fe019b36a6327.png)
+![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/br/login-error.416fe019b36a6327.webp)
 
 #### Passo 4: Sendo Inclusivo com Acessibilidade
 
@@ -961,7 +961,7 @@ Pronto para levar seu aplicativo bancário para o próximo nível? Vamos fazer c
 
 Aqui está como um dashboard polido poderia parecer:
 
-![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/br/screen2.123c82a831a1d14a.png)
+![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/br/screen2.123c82a831a1d14a.webp)
 
 Não sinta que precisa seguir exatamente este modelo - use-o como inspiração e crie algo único!
 
diff --git a/translations/br/7-bank-project/4-state-management/README.md b/translations/br/7-bank-project/4-state-management/README.md
index 56e5e1373..d4f30454c 100644
--- a/translations/br/7-bank-project/4-state-management/README.md
+++ b/translations/br/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ Como o design compartimentado do Titanic parecia robusto até que múltiplos com
 
 Em vez de ficarmos correndo em círculos, vamos criar um sistema de **gerenciamento de estado centralizado**. Pense nisso como ter uma pessoa realmente organizada responsável por todas as coisas importantes:
 
-![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/br/data-flow.fa2354e0908fecc8.png)
+![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/br/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -804,7 +804,7 @@ Este desafio ajudará você a pensar como um desenvolvedor profissional que cons
 
 Aqui está um exemplo de resultado após completar a tarefa:
 
-![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.png)
+![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/br/7-bank-project/4-state-management/assignment.md b/translations/br/7-bank-project/4-state-management/assignment.md
index e90a8f10f..38d6d4521 100644
--- a/translations/br/7-bank-project/4-state-management/assignment.md
+++ b/translations/br/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para:
 **Resultado Esperado:**
 Após concluir esta tarefa, seu aplicativo bancário deve ter um recurso de "Adicionar Transação" totalmente funcional que pareça e se comporte de forma profissional:
 
-![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.png)
+![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp)
 
 ## Testando Sua Implementação
 
diff --git a/translations/br/7-bank-project/README.md b/translations/br/7-bank-project/README.md
index dc86a97ba..2165c6ea8 100644
--- a/translations/br/7-bank-project/README.md
+++ b/translations/br/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Neste projeto, você aprenderá como construir um banco fictício. Estas lições incluem instruções sobre como estruturar um aplicativo web e fornecer rotas, criar formulários, gerenciar estado e buscar dados de uma API da qual você pode obter as informações do banco.
 
-| ![Screen1](../../../translated_images/br/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/br/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/br/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/br/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lições
diff --git a/translations/br/8-code-editor/1-using-a-code-editor/README.md b/translations/br/8-code-editor/1-using-a-code-editor/README.md
index 7729f218e..152385102 100644
--- a/translations/br/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/br/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ Assim como o telefone de Alexander Graham Bell conectava locais distantes, vincu
 
 Depois que tudo estiver carregado, você verá um espaço de trabalho limpo e bonito, projetado para mantê-lo focado no que importa – seu código!
 
-![Interface padrão do VSCode.dev](../../../../translated_images/br/default-vscode-dev.5d06881d65c1b323.png)
+![Interface padrão do VSCode.dev](../../../../translated_images/br/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Aqui está um tour pelo ambiente:**
 - **Barra de Atividades** (a faixa à esquerda): Sua navegação principal com Explorer 📁, Pesquisa 🔍, Controle de Fonte 🌿, Extensões 🧩 e Configurações ⚙️
@@ -233,7 +233,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep
 1. Acesse [vscode.dev](https://vscode.dev) se ainda não estiver lá
 2. Procure o botão "Open Remote Repository" na tela inicial e clique nele
 
-   ![Abrir repositório remoto](../../../../translated_images/br/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Abrir repositório remoto](../../../../translated_images/br/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Cole qualquer URL de repositório do GitHub (experimente este: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Pressione Enter e veja a mágica acontecer!
@@ -242,7 +242,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep
 
 Quer se sentir como um mago da programação? Experimente este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette:
 
-![Command Palette](../../../../translated_images/br/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/br/palette-menu.4946174e07f42622.webp)
 
 **O Command Palette é como ter um mecanismo de busca para tudo o que você pode fazer:**
 - Digite "open remote" e ele encontrará o abridor de repositórios para você
@@ -304,7 +304,7 @@ Assim como organizar plantas em um escritório de arquitetura, a criação de ar
 3. Insira o nome do arquivo, incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`)
 4. Pressione Enter para criar o arquivo
 
-![Criando um novo arquivo](../../../../translated_images/br/create-new-file.2814e609c2af9aeb.png)
+![Criando um novo arquivo](../../../../translated_images/br/create-new-file.2814e609c2af9aeb.webp)
 
 **Convenções de nomenclatura:**
 - Use nomes descritivos que indiquem o propósito do arquivo
@@ -322,7 +322,7 @@ Aqui é onde a diversão realmente começa! O editor do VSCode.dev está repleto
 2. Comece a digitar e veja o VSCode.dev ajudá-lo com cores, sugestões e detecção de erros
 3. Salve seu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) – embora ele também salve automaticamente!
 
-![Editando arquivos no VSCode.dev](../../../../translated_images/br/edit-a-file.52c0ee665ef19f08.png)
+![Editando arquivos no VSCode.dev](../../../../translated_images/br/edit-a-file.52c0ee665ef19f08.webp)
 
 **As coisas legais que acontecem enquanto você programa:**
 - Seu código é lindamente colorido para facilitar a leitura
@@ -343,7 +343,7 @@ Assim como arqueólogos criam registros detalhados das camadas de escavação, o
 2. Os arquivos modificados aparecem na seção "Changes"
 3. A codificação por cores indica os tipos de alteração: verde para adições, vermelho para exclusões
 
-![Visualizando alterações no Controle de Fonte](../../../../translated_images/br/working-tree.c58eec08e6335c79.png)
+![Visualizando alterações no Controle de Fonte](../../../../translated_images/br/working-tree.c58eec08e6335c79.webp)
 
 **Salvando seu trabalho (fluxo de trabalho de commit):**
 
@@ -438,7 +438,7 @@ O marketplace de extensões é muito bem organizado, então você não vai se pe
 2. Navegue ou procure algo específico
 3. Clique em qualquer coisa que pareça interessante para saber mais
 
-![Interface do marketplace de extensões](../../../../translated_images/br/extensions.eca0e0c7f59a10b5.png)
+![Interface do marketplace de extensões](../../../../translated_images/br/extensions.eca0e0c7f59a10b5.webp)
 
 **O que você encontrará lá:**
 
@@ -491,7 +491,7 @@ A maioria das extensões vem com configurações que você pode ajustar para que
 3. Escolha "Configurações da Extensão" no menu suspenso
 4. Ajuste as configurações até que fiquem perfeitas para o seu fluxo de trabalho
 
-![Personalizando configurações de extensões](../../../../translated_images/br/extension-settings.21c752ae4f4cdb78.png)
+![Personalizando configurações de extensões](../../../../translated_images/br/extension-settings.21c752ae4f4cdb78.webp)
 
 **Coisas comuns que você pode querer ajustar:**
 - Como seu código é formatado (tabulação vs espaços, comprimento da linha, etc.)
diff --git a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md
index e01300bfd..07ba2a30f 100644
--- a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Como o VSCode.dev exige pelo menos um arquivo para abrir um repositório, criare
 4. **Escreva** uma mensagem de commit: "Adicionar estrutura inicial de HTML"
 5. **Clique** em "Commit new file" para salvar suas alterações
 
-![Criando arquivo inicial no GitHub](../../../../translated_images/br/new-file-github.com.c886796d800e8056.png)
+![Criando arquivo inicial no GitHub](../../../../translated_images/br/new-file-github.com.c886796d800e8056.webp)
 
 **O que essa configuração inicial realiza:**
 - **Estabelece** uma estrutura de documento HTML5 adequada com elementos semânticos
@@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos migrar para o VSC
 
 ✅ **Indicador de sucesso**: Você deve ver os arquivos do seu projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor.
 
-![Projeto carregado no VSCode.dev](../../../../translated_images/br/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projeto carregado no VSCode.dev](../../../../translated_images/br/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **O que você verá na interface:**
 - **Barra lateral do Explorer**: **Exibe** os arquivos e estrutura de pastas do seu repositório
@@ -448,7 +448,7 @@ Extensões melhoram sua experiência de desenvolvimento ao fornecer recursos de
 **Resultados imediatos após a instalação:**
 Assim que o CodeSwing for instalado, você verá uma pré-visualização ao vivo do seu site de currículo aparecer no editor. Isso permite que você veja exatamente como seu site está enquanto faz alterações.
 
-![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/br/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/br/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Entendendo a interface aprimorada:**
 - **Visualização dividida**: **Mostra** seu código de um lado e a pré-visualização ao vivo do outro
diff --git a/translations/br/9-chat-project/README.md b/translations/br/9-chat-project/README.md
index 858c72d5e..56c24a7b5 100644
--- a/translations/br/9-chat-project/README.md
+++ b/translations/br/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 Aqui está como seu projeto final ficará:
 
-![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/br/screenshot.0a1ee0d123df681b.png)
+![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/br/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Sua Jornada de Aprendizado no Desenvolvimento de Aplicativos com IA
 
@@ -194,7 +194,7 @@ mindmap
 
 **Princípio Central**: O desenvolvimento de aplicativos com IA combina habilidades tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicativos inteligentes que parecem naturais e responsivos para os usuários.
 
-![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/br/playground.d2b927122224ff8f.png)
+![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/br/playground.d2b927122224ff8f.webp)
 
 **Aqui está o que torna o playground tão útil:**
 - **Experimente** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos gratuitos!)
@@ -204,7 +204,7 @@ mindmap
 
 Depois de brincar um pouco, basta clicar na aba "Code" e escolher sua linguagem de programação para obter o código de implementação necessário.
 
-![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/br/playground-choice.1d23ba7d407f4758.png)
+![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/br/playground-choice.1d23ba7d407f4758.webp)
 
 ## Configurando a Integração de Backend com Python
 
@@ -2365,14 +2365,14 @@ Quer experimentar este projeto em um ambiente de desenvolvimento na nuvem? O Git
 - **Acesse** o [repositório Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Clique** em "Use this template" no canto superior direito (certifique-se de estar logado no GitHub)  
 
-![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/br/template.67ad477109d29a2b.png)  
+![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/br/template.67ad477109d29a2b.webp)  
 
 **Passo 2: Iniciar Codespaces**  
 - **Abra** o repositório recém-criado  
 - **Clique** no botão verde "Code" e selecione "Codespaces"  
 - **Escolha** "Create codespace on main" para iniciar seu ambiente de desenvolvimento  
 
-![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/br/codespace.bcecbdf5d2747d3d.png)  
+![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/br/codespace.bcecbdf5d2747d3d.webp)  
 
 **Passo 3: Configuração do Ambiente**  
 Assim que seu Codespace carregar, você terá acesso a:  
diff --git a/translations/br/README.md b/translations/br/README.md
index 9e4b6de29..fcdb5ce99 100644
--- a/translations/br/README.md
+++ b/translations/br/README.md
@@ -72,13 +72,13 @@ Não perca nosso novo currículo de IA Generativa!
 
 Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
 
-![Background](../../translated_images/br/background.148a8d43afde5730.png)
+![Background](../../translated_images/br/background.148a8d43afde5730.webp)
 
 - Lições cobrindo tudo desde o básico até RAG.
 - Interaja com personagens históricos usando GenAI e nosso app de suporte.
 - Narrativa divertida e envolvente, você vai viajar no tempo!
 
-![character](../../translated_images/br/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/br/character.5c0dd8e067ffd693.webp)
 
 
 Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como:
@@ -115,7 +115,7 @@ Siga estes passos:
 
 Na sua cópia do repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para você trabalhar.
 
-![Codespace](../../translated_images/br/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/br/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Executando o currículo localmente no seu computador
 
diff --git a/translations/br/for-teachers.md b/translations/br/for-teachers.md
index 57d349a11..a10ee6b88 100644
--- a/translations/br/for-teachers.md
+++ b/translations/br/for-teachers.md
@@ -42,10 +42,10 @@ Este currículo inclui pacotes importáveis para fluxos de trabalho comuns em LM
   - O Moodle Cloud tem suporte limitado para Common Cartridge. Prefira o arquivo do Moodle acima, que também pode ser carregado no Canvas.
   - Após a importação, revise os módulos, datas de entrega e configurações de quizzes para ajustar ao cronograma do seu período.
 
-![Moodle](../../translated_images/br/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/br/moodle.94eb93d714a50cb2.webp)
 > O currículo em uma sala de aula do Moodle
 
-![Canvas](../../translated_images/br/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/br/canvas.fbd605ff8e5b8aff.webp)
 > O currículo no Canvas
 
 ### Uso do repositório diretamente (sem Classroom)
diff --git a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 65bf31c3e..051d0b939 100644
--- a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Podívejte, chápu, že programování může být zatím zastrašující. Když
 
 Dnes si prozkoumáme úžasné nástroje, které činí moderní webový vývoj nejen možným, ale doopravdy návykovým. Mluvím o stejných editorech, prohlížečích a pracovních postupech, které používají vývojáři ve Netflixu, Spotify a ve vašem oblíbeném indie studiu každý den. A tady je část, která vás nadchne: většina těchto profesionálních, průmyslových standardů je úplně zdarma!
 
-![Intro Programming](../../../../translated_images/cs/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/cs/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/cs/1-getting-started-lessons/2-github-basics/README.md b/translations/cs/1-getting-started-lessons/2-github-basics/README.md
index 8bc788214..30c58b75c 100644
--- a/translations/cs/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/cs/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Vím, že to může ze začátku působit jako hodně – hele, pamatuju si, jak
 
 Vyrazíme na tuto cestu spolu, krok za krokem. Bez spěchu, bez tlaku – jen ty, já a pár opravdu skvělých nástrojů, které se právě stanou tvými novými nejlepšími přáteli!
 
-![Intro to GitHub](../../../../translated_images/cs/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/cs/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ Nejprve najděte na GitHubu repozitář (nebo **repo**) zajímavý pro vás, do
 
 ✅ Dobrý způsob, jak najít repozitáře vhodné pro začátečníky, je [vyhledat podle štítku 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Zkopírování repozitáře lokálně](../../../../translated_images/cs/clone_repo.5085c48d666ead57.png)
+![Zkopírování repozitáře lokálně](../../../../translated_images/cs/clone_repo.5085c48d666ead57.webp)
 
 Existuje několik způsobů, jak zkopírovat kód. Jedním z nich je "klonování" obsahu repozitáře přes HTTPS, SSH nebo pomocí GitHub CLI (Command Line Interface).
 
diff --git a/translations/cs/1-getting-started-lessons/3-accessibility/README.md b/translations/cs/1-getting-started-lessons/3-accessibility/README.md
index f38e8d4a7..32930cb5a 100644
--- a/translations/cs/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/cs/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Tvorba přístupných webových stránek
 
-![Vše o přístupnosti](../../../../translated_images/cs/webdev101-a11y.8ef3025c858d897a.png)
+![Vše o přístupnosti](../../../../translated_images/cs/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/cs/2-js-basics/1-data-types/README.md b/translations/cs/2-js-basics/1-data-types/README.md
index 2c0fb40df..1944e3dfc 100644
--- a/translations/cs/2-js-basics/1-data-types/README.md
+++ b/translations/cs/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Základy JavaScriptu: Datové typy
 
-![JavaScript Basics - Data types](../../../../translated_images/cs/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/cs/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/cs/2-js-basics/2-functions-methods/README.md b/translations/cs/2-js-basics/2-functions-methods/README.md
index 3c51a8465..9d97634b9 100644
--- a/translations/cs/2-js-basics/2-functions-methods/README.md
+++ b/translations/cs/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Základy JavaScriptu: Metody a funkce
 
-![JavaScript Basics - Functions](../../../../translated_images/cs/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/cs/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/cs/2-js-basics/3-making-decisions/README.md b/translations/cs/2-js-basics/3-making-decisions/README.md
index bf74449a1..72ad9ecb9 100644
--- a/translations/cs/2-js-basics/3-making-decisions/README.md
+++ b/translations/cs/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Základy JavaScriptu: Rozhodování
 
-![JavaScript Basics - Making decisions](../../../../translated_images/cs/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/cs/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/cs/2-js-basics/4-arrays-loops/README.md b/translations/cs/2-js-basics/4-arrays-loops/README.md
index 0ebf655b1..fbf6482e2 100644
--- a/translations/cs/2-js-basics/4-arrays-loops/README.md
+++ b/translations/cs/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Základy JavaScriptu: Pole a smyčky
 
-![JavaScript Basics - Arrays](../../../../translated_images/cs/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/cs/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/cs/3-terrarium/1-intro-to-html/README.md b/translations/cs/3-terrarium/1-intro-to-html/README.md
index afa89a789..3320c3ed8 100644
--- a/translations/cs/3-terrarium/1-intro-to-html/README.md
+++ b/translations/cs/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Zlepšit přístupnost: 5: Student
       Postavit terárium: 5: Student
 ```
-![Úvod do HTML](../../../../translated_images/cs/webdev101-html.4389c2067af68e98.png)
+![Úvod do HTML](../../../../translated_images/cs/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, neboli HyperText Markup Language, je základem každé webové stránky, kterou jste kdy navštívili. Představte si HTML jako kostru, která dodává webovým stránkám strukturu – definuje, kam obsah patří, jak je uspořádán a co který prvek představuje. Zatímco CSS později „oblékne“ váš HTML do barev a rozvržení a JavaScript ho oživí interaktivitou, HTML poskytuje základní strukturu, díky níž je vše ostatní možné.
@@ -86,7 +86,7 @@ Vytvoříte dedikovanou složku pro váš teráriový projekt a přidáte první
 4. V panelu Průzkumník klikněte na ikonu „Nový soubor“
 5. Pojmenujte svůj soubor `index.html`
 
-![Průzkumník VS Code ukazující vytvoření nového souboru](../../../../translated_images/cs/vs-code-index.e2986cf919471eb9.png)
+![Průzkumník VS Code ukazující vytvoření nového souboru](../../../../translated_images/cs/vs-code-index.e2986cf919471eb9.webp)
 
 **Možnost 2: Použití příkazového řádku**
 ```bash
diff --git a/translations/cs/3-terrarium/2-intro-to-css/README.md b/translations/cs/3-terrarium/2-intro-to-css/README.md
index 8fea20592..725d4df7e 100644
--- a/translations/cs/3-terrarium/2-intro-to-css/README.md
+++ b/translations/cs/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Responzivní design: 5: Student
       Skleněné odrazy: 5: Student
 ```
-![Úvod do CSS](../../../../translated_images/cs/webdev101-css.3f7af5991bf53a20.png)
+![Úvod do CSS](../../../../translated_images/cs/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Vzpomínáte si, jak vaše HTML terrárium vypadalo docela základně? CSS je místo, kde přeměníme tu obyčejnou strukturu v něco vizuálně přitažlivého.
@@ -202,7 +202,7 @@ body {
 
 Otevřete nástroje pro vývojáře prohlížeče (F12), přejděte na záložku Elements a prohlédněte si váš `<h1>` element. Uvidíte, že dědí font family od těla:
 
-![děděný font](../../../../translated_images/cs/1.cc07a5cbe114ad1d.png)
+![děděný font](../../../../translated_images/cs/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Zkouška**: Vyzkoušejte nastavit další děditelné vlastnosti na element `<body>`, např. `color`, `line-height` nebo `text-align`. Co se stane s vaším nadpisem a dalšími prvky?
 
@@ -594,7 +594,7 @@ Připraveni vylepšit vaše terárium o realistické skleněné odlesky? Tato te
 
 Vytvoříte jemné odlesky, které simulují, jak se světlo odráží od skleněných povrchů. Tento přístup je podobný tomu, jak renesanční malíři jako Jan van Eyck používali světlo a odraz k vytvoření trojrozměrného dojmu malovaného skla. Takto to chcete dosáhnout:
 
-![finished terrarium](../../../../translated_images/cs/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/cs/terrarium-final.2f07047ffc597d0a.webp)
 
 **Vaše výzva:**
 - **Vytvořit** jemné bílé nebo světlé oválné tvary pro skleněné odlesky
diff --git a/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 964225c20..274347f2b 100644
--- a/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Test functionality: 5: Student
       Complete terrarium: 5: Student
 ```
-![DOM a closure](../../../../translated_images/cs/webdev101-js.10280393044d7eaa.png)
+![DOM a closure](../../../../translated_images/cs/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Vítejte u jednoho z nejpoutavějších aspektů vývoje webu – vytváření interaktivity! Document Object Model (DOM) je jako most mezi vaším HTML a JavaScriptem a dnes jej použijeme, aby vaše terrárium ožilo. Když Tim Berners-Lee vytvořil první webový prohlížeč, představoval si web, kde dokumenty mohou být dynamické a interaktivní – DOM toto vize umožňuje.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.png)
+![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.webp)
 
 > Reprezentace DOM a HTML značkování, které na něj odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Pochopení closures**: Closures jsou významné téma v JavaScriptu a mnoho vývojářů je používá roky, než úplně pochopí všechny teoretické aspekty. Dnes se zaměříme na praktické použití – closure uvidíte přirozeně vznikat, jak budeme stavět naše interaktivní funkce. Pochopení se vyvine, jakmile uvidíte, jak řeší skutečné problémy.
 
-![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.png)
+![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.webp)
 
 > Reprezentace DOM a HTML značkování, které na něj odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Nyní otestujte své interaktivní terárium! Otevřete soubor `index.html` v pr
 - **Podpora více zařízení**: Funguje na desktopu i mobilech
 - **Vědomí výkonu**: Žádné úniky paměti nebo zbytečné výpočty
 
-![finished terrarium](../../../../translated_images/cs/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/cs/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/cs/3-terrarium/solution/README.md b/translations/cs/3-terrarium/solution/README.md
index 17b3a92f9..52afb9a2a 100644
--- a/translations/cs/3-terrarium/solution/README.md
+++ b/translations/cs/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Malá meditace s kódem typu drag and drop. S trochou HTML, JS a CSS můžete vytvořit webové rozhraní, upravit jeho styl a přidat interakci.
 
-![moje terárium](../../../../translated_images/cs/screenshot_gray.0c796099a1f9f25e.png)
+![moje terárium](../../../../translated_images/cs/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Poděkování
 
diff --git a/translations/cs/5-browser-extension/1-about-browsers/README.md b/translations/cs/5-browser-extension/1-about-browsers/README.md
index 369a85d77..4cc5dad84 100644
--- a/translations/cs/5-browser-extension/1-about-browsers/README.md
+++ b/translations/cs/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Ladit problémy: 4: Student
       Vylepšit uživatelský zážitek: 5: Student
 ```
-![Browser sketchnote](../../../../translated_images/cs/browser.60317c9be8b7f84a.jpg)
+![Browser sketchnote](../../../../translated_images/cs/browser.60317c9be8b7f84a.webp)
 > Sketchnote od [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Přednáškový kvíz
@@ -77,7 +77,7 @@ Tento proces odráží, jak byl první webový prohlížeč, WorldWideWeb, navr
 
 ✅ **Trocha historie**: První prohlížeč se jmenoval 'WorldWideWeb' a vytvořil ho Sir Timothy Berners-Lee v roce 1990.
 
-![early browsers](../../../../translated_images/cs/earlybrowsers.d984b711cdf3a42d.jpg)
+![early browsers](../../../../translated_images/cs/earlybrowsers.d984b711cdf3a42d.webp)
 > Některé rané prohlížeče, podle [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Jak prohlížeče zpracovávají webový obsah
@@ -194,7 +194,7 @@ quadrantChart
 
 Porozumění procesu instalace rozšíření vám pomůže předvídat uživatelský zážitek při instalaci vašeho rozšíření. Proces instalace je standardizovaný v moderních prohlížečích s drobnými rozdíly v designu rozhraní.
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/cs/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/cs/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Důležité**: Při testování vlastních rozšíření nezapomeňte zapnout režim vývojáře a povolit rozšíření z jiných obchodů.
 
@@ -308,10 +308,10 @@ Toto následuje princip postupného odhalování v designu rozhraní používan
 ### Přehled zobrazení rozšíření
 
 **Nastavení** - konfigurace prvního použití:
-![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/cs/1.b6da8c1394b07491.png)
+![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/cs/1.b6da8c1394b07491.webp)
 
 **Výsledky** - zobrazení dat uhlíkové stopy:
-![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/cs/2.1dae52ff08042246.png)
+![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/cs/2.1dae52ff08042246.webp)
 
 ### Vytvoření konfiguračního formuláře
 
diff --git a/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md
index 6743988ff..133f7d8d9 100644
--- a/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Odstranit uložená data
     ClearStorage --> FirstTime: Návrat ke konfiguraci
 ```
-![Panel místního úložiště](../../../../translated_images/cs/localstorage.472f8147b6a3f8d1.png)
+![Panel místního úložiště](../../../../translated_images/cs/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Bezpečnostní upozornění**: Ve výrobních aplikacích ukládání API klíčů do LocalStorage představuje bezpečnostní rizika, protože k těmto datům může přistupovat JavaScript. Pro výukové účely tento přístup stačí, ale reálné aplikace by měly používat bezpečné serverové úložiště pro citlivé údaje.
 
diff --git a/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md
index ee2431dd1..cd54475c3 100644
--- a/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Pro otevření Nástrojů pro vývojáře v Edge klikněte na tři tečky vpravo
 
 Vyzkoušejme to. Otevřete nějakou webovou stránku (Microsoft.com je pro to dobrá) a klikněte na tlačítko 'Nahrávat'. Teď obnovte stránku a sledujte, jak profilovací nástroj zaznamená, co se děje. Když nahrávání zastavíte, uvidíte detailní rozpis, jak prohlížeč 'spouští skripty', 'vykresluje' a 'maluje' stránku. Připomíná mi to, jak řídící středisko sleduje každý systém během startu rakety – máte data v reálném čase o tom, co a kdy se děje.
 
-![Edge profiler](../../../../translated_images/cs/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/cs/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Dokumentace Microsoftu](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) nabízí spoustu dalších detailů, pokud se chcete hlouběji ponořit
 
@@ -133,11 +133,11 @@ Vyberte části časové osy profilu pro přiblížení událostí, které se ob
 
 Získejte přehled o výkonu vaší stránky výběrem části časové osy profilu a pohledem do přehledového panelu:
 
-![Edge profiler snapshot](../../../../translated_images/cs/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/cs/snapshot.97750180ebcad737.webp)
 
 Zkontrolujte panel Protokol událostí, zda nějaká událost netrvala déle než 15 ms:
 
-![Edge event log](../../../../translated_images/cs/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/cs/log.804026979f3707e0.webp)
 
 ✅ Seznamte se se svým profilovým nástrojem! Otevřete vývojářské nástroje na této stránce a zjistěte, zda jsou nějaká „hmatatelná“ místa zpomalení. Který prostředek se nejdéle načítá? A který nejrychleji?
 
diff --git a/translations/cs/5-browser-extension/README.md b/translations/cs/5-browser-extension/README.md
index b6fcfd06b..5d52d19c3 100644
--- a/translations/cs/5-browser-extension/README.md
+++ b/translations/cs/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Toto rozšíření může být uživatelem ad hoc vyvoláno poté, co je do form
 
 ### Poděkování
 
-![zelené rozšíření prohlížeče](../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![zelené rozšíření prohlížeče](../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Poděkování
 
diff --git a/translations/cs/5-browser-extension/solution/README.md b/translations/cs/5-browser-extension/solution/README.md
index cdbf42afb..f2741ae71 100644
--- a/translations/cs/5-browser-extension/solution/README.md
+++ b/translations/cs/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pomocí API C02 Signal od tmrow sledujte spotřebu elektřiny a vytvořte rozšíření prohlížeče, které vám přímo v prohlížeči připomene, jak náročná je spotřeba elektřiny ve vašem regionu. Používání tohoto rozšíření ad hoc vám pomůže činit rozhodnutí o vašich aktivitách na základě těchto informací.
 
-![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. Na výzvu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte ho zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro váš region](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“).
 
-![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka v liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vašem regionu, a poskytla vám doporučení, jaké energeticky náročné aktivity by pro vás byly vhodné. Koncept tohoto systému „teček“ mi byl inspirován rozšířením [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii.
 
diff --git a/translations/cs/5-browser-extension/solution/translation/README.fr.md b/translations/cs/5-browser-extension/solution/translation/README.fr.md
index 1775094ca..31f1754dc 100644
--- a/translations/cs/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/cs/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pomocí API C02 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vám umožní mít přímo v prohlížeči připomínku o spotřebě elektřiny ve vaší oblasti. Používání tohoto ad hoc rozšíření vám pomůže činit rozhodnutí o vašich aktivitách na základě těchto informací.
 
-![snímek rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nekomprimované rozšíření“ pro přidání nového rozšíření. Při výzvě otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Mapě elektřiny](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“).
 
-![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod v liště rozšíření prohlížeče by se měl změnit tak, aby odrážel spotřebu energie ve vaší oblasti, a poskytl vám indikátor, jaké energeticky náročné aktivity by bylo vhodné provádět. Koncept tohoto systému „bodů“ jsem převzal z [rozšíření Energy Lollipop](https://energylollipop.com/) pro kalifornské emise.
 
diff --git a/translations/cs/5-browser-extension/solution/translation/README.hi.md b/translations/cs/5-browser-extension/solution/translation/README.hi.md
index 3071414d9..eeef7cbad 100644
--- a/translations/cs/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/cs/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Použití API CO2 Signal od tmrow ke sledování spotřeby elektřiny, vytvoření rozšíření prohlížeče, které vám připomene, jak náročné je využívání elektřiny ve vašem regionu. Používání tohoto rozšíření vám pomůže rozhodovat se o vašich aktivitách na základě těchto informací.
 
-![Snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![Snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče k nalezení panelu rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. V zobrazeném dialogu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč CO2 Signal ([získat e-mailem zde](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód vašeho regionu](http://api.electricitymap.org/v3/zones) z [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám 'US-NEISO').
 
-![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka na liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vašem regionu, a poskytla vám indikátor, které energeticky náročné aktivity jsou pro vás vhodné. Koncept této „tečkové“ metody jsem převzal z rozšíření [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii.
 
diff --git a/translations/cs/5-browser-extension/solution/translation/README.it.md b/translations/cs/5-browser-extension/solution/translation/README.it.md
index 02f736232..8b40b0e82 100644
--- a/translations/cs/5-browser-extension/solution/translation/README.it.md
+++ b/translations/cs/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Budeme používat API Signal CO2 od tmrow k monitorování spotřeby elektřiny a vytvoříme rozšíření pro prohlížeč, které vám umožní mít přímo v prohlížeči připomínku o tom, jak náročná je spotřeba elektřiny ve vaší oblasti. Používání tohoto rozšíření vám pomůže lépe hodnotit své aktivity na základě těchto informací.
 
-![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci na Edge použijte nabídku "tři tečky" v pravém horním rohu prohlížeče a najděte panel Rozšíření. Pokud ještě není aktivní, zapněte režim vývojáře (v levém dolním rohu). Vyberte "Načíst nekomprimované" pro přidání nového rozšíření. Otevřete složku "dist" v zobrazeném dialogu a rozšíření bude načteno. Pro jeho použití budete potřebovat API klíč pro CO2 Signal API (můžete ho [získat zde e-mailem](https://www.co2signal.com/) - zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [elektrické mapě](https://www.electricitymap.org/map) (například v Bostonu "US-NEISO").
 
-![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod v liště rozšíření prohlížeče by se měl změnit tak, aby odrážel spotřebu energie ve vaší oblasti. Poskytne vám také návod, které aktivity s vysokou spotřebou energie by bylo vhodné provádět. Koncept tohoto systému "bodů" byl inspirován [rozšířením Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii.
 
diff --git a/translations/cs/5-browser-extension/solution/translation/README.ja.md b/translations/cs/5-browser-extension/solution/translation/README.ja.md
index 53655f98d..84c7a6557 100644
--- a/translations/cs/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/cs/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Vytvořte rozšíření prohlížeče, které pomocí API CO2 Signal od tmrow sleduje spotřebu energie a zobrazuje připomínku o tom, jak vysoká je spotřeba energie ve vaší oblasti. Toto rozšíření můžete používat ad hoc, abyste mohli na základě těchto informací rozhodovat o svých aktivitách.
 
-![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci do Edge najděte panel „Rozšíření“ v nabídce „tři tečky“ v pravém horním rohu prohlížeče. Odtud vyberte „Načíst nebalené“ a načtěte nové rozšíření. Při výzvě otevřete složku „dist“ a rozšíření se načte. Pro použití budete potřebovat API klíč CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například pro Boston použijte 'US-NEISO').
 
-![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Po zadání API klíče a oblasti do rozhraní rozšíření se barevná tečka zobrazená na liště rozšíření prohlížeče změní, aby odrážela spotřebu energie ve vaší oblasti. Tím vám naznačí, jaké aktivity vyžadující energii jsou vhodné. Koncept tohoto „tečkového“ systému jsem převzal z [Energy Lollipop extension](https://energylollipop.com/) pro emise v Kalifornii.
 
diff --git a/translations/cs/5-browser-extension/solution/translation/README.ms.md b/translations/cs/5-browser-extension/solution/translation/README.ms.md
index 2d7f85153..cd492bcad 100644
--- a/translations/cs/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/cs/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pomocí API CO2 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vás bude upozorňovat na aktuální úroveň spotřeby elektřiny ve vašem regionu. Používání tohoto rozšíření vám pomůže lépe zvažovat své aktivity na základě těchto informací.
 
-![snímek obrazovky rozšíření prohlížeče](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek obrazovky rozšíření prohlížeče](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci v Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro přidání nového rozšíření. Otevřete složku „dist“ na výzvu a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro CO2 Signal ([získejte jej zde prostřednictvím e-mailu](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro váš region](http://api.electricitymap.org/v3/zones), který odpovídá [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“).
 
-![stahování](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![stahování](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod na liště rozšíření prohlížeče se změní tak, aby odrážel spotřebu energie ve vašem regionu, a poskytne vám doporučení ohledně vhodných aktivit. Koncept systému „barevných bodů“ jsem převzal z [rozšíření prohlížeče Energy Lollipop](https://energylollipop.com/) pro Kalifornii.
 
diff --git a/translations/cs/5-browser-extension/start/README.md b/translations/cs/5-browser-extension/start/README.md
index 1efbae0a0..716966092 100644
--- a/translations/cs/5-browser-extension/start/README.md
+++ b/translations/cs/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pomocí API CO2 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vám přímo v prohlížeči připomene, jak náročná je spotřeba elektřiny ve vaší oblasti. Používání tohoto rozšíření vám pomůže lépe se rozhodovat o vašich aktivitách na základě těchto informací.
 
-![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png)
+![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Začínáme
 
@@ -31,7 +31,7 @@ npm run build
 
 Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. Na výzvu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“).
 
-![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.png)
+![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.webp)
 
 Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka na liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vaší oblasti, a poskytne vám doporučení, jaké energeticky náročné aktivity by pro vás byly vhodné. Koncept tohoto systému „teček“ jsem převzal z rozšíření [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii.
 
diff --git a/translations/cs/6-space-game/2-drawing-to-canvas/README.md b/translations/cs/6-space-game/2-drawing-to-canvas/README.md
index 055f85e75..053a8bf12 100644
--- a/translations/cs/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/cs/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![the canvas's grid](../../../../translated_images/cs/canvas_grid.5f209da785ded492.png)
+![the canvas's grid](../../../../translated_images/cs/canvas_grid.5f209da785ded492.webp)
 > Obrázek z [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Kreslení na prvek canvas probíhá podle tří kroků, které tvoří základ všech grafických operací. Když si je zopakujete několikrát, stane se to naprosto přirozeným:
@@ -323,11 +323,11 @@ Vytvoříte webovou stránku s prvkem Canvas. Měla by vykreslit černou obrazov
 
 - Hrdinský lodní plavidlo
 
-   ![Hero ship](../../../../translated_images/cs/player.dd24c1afa8c71e9b.png)
+   ![Hero ship](../../../../translated_images/cs/player.dd24c1afa8c71e9b.webp)
 
 - 5×5 formace příšer
 
-   ![Monster ship](../../../../translated_images/cs/enemyShip.5df2a822c16650c2.png)
+   ![Monster ship](../../../../translated_images/cs/enemyShip.5df2a822c16650c2.webp)
 
 ### Doporučené kroky pro začátek vývoje
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Hotový výsledek by měl vypadat takto:
 
-![Černá obrazovka s hrdinou a 5*5 monstry](../../../../translated_images/cs/partI-solution.36c53b48c9ffae2a.png)
+![Černá obrazovka s hrdinou a 5*5 monstry](../../../../translated_images/cs/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Řešení
 
diff --git a/translations/cs/6-space-game/5-keeping-score/README.md b/translations/cs/6-space-game/5-keeping-score/README.md
index 690c57cc3..b0ccfa6a7 100644
--- a/translations/cs/6-space-game/5-keeping-score/README.md
+++ b/translations/cs/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Skórovací systém**: Každá zničená nepřátelská loď uděluje 100 bodů (kulatá čísla jsou pro hráče mentálně jednodušší na počítání). Skóre se zobrazuje v levém dolním rohu.
-- **Počet životů**: Váš hrdina začíná se třemi životy – standardní nastavení z raných arkád, které vyvažuje výzvu s hratelností. Každá kolize s nepřítelem stojí jednoho života. Zbývající životy zobrazíme v pravém dolním rohu pomocí ikon lodí ![life image](../../../../translated_images/cs/life.6fb9f50d53ee0413.png).
+- **Počet životů**: Váš hrdina začíná se třemi životy – standardní nastavení z raných arkád, které vyvažuje výzvu s hratelností. Každá kolize s nepřítelem stojí jednoho života. Zbývající životy zobrazíme v pravém dolním rohu pomocí ikon lodí ![life image](../../../../translated_images/cs/life.6fb9f50d53ee0413.webp).
 
 ## Jdeme stavět!
 
diff --git a/translations/cs/7-bank-project/1-template-route/README.md b/translations/cs/7-bank-project/1-template-route/README.md
index 30af93eef..cc45ca66b 100644
--- a/translations/cs/7-bank-project/1-template-route/README.md
+++ b/translations/cs/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Použití `history.pushState` vytváří nové položky v historii prohlížeče. Můžete to zkontrolovat podržením *tlačítka zpět* ve vašem prohlížeči, mělo by se zobrazit něco takového:
 
-![Screenshot of navigation history](../../../../translated_images/cs/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/cs/history.7fdabbafa521e064.webp)
 
 Pokud několikrát kliknete na tlačítko zpět, uvidíte, že se aktuální URL změní a historie se aktualizuje, ale stále se zobrazuje stejná šablona.
 
diff --git a/translations/cs/7-bank-project/2-forms/README.md b/translations/cs/7-bank-project/2-forms/README.md
index cecb77ba9..748f8a179 100644
--- a/translations/cs/7-bank-project/2-forms/README.md
+++ b/translations/cs/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Nejdříve si ukažme, co se stane při základním odeslání formuláře:
 2. Sledujte změny v adresním řádku prohlížeče
 3. Všimněte si, jak se stránka znovu načte a data jsou v URL
 
-![Screenshot změny URL v prohlížeči po kliknutí na tlačítko Registrace](../../../../translated_images/cs/click-register.e89a30bf0d4bc9ca.png)
+![Screenshot změny URL v prohlížeči po kliknutí na tlačítko Registrace](../../../../translated_images/cs/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Porovnání HTTP metod
 
@@ -346,7 +346,7 @@ Nakonfigurujme váš registrační formulář tak, aby správně komunikoval s b
 2. **Klikněte** na tlačítko "Vytvořit účet"
 3. **Sledujte** odpověď serveru v prohlížeči
 
-![Okno prohlížeče na adrese localhost:5000/api/accounts, zobrazující JSON řetězec s údaji uživatele](../../../../translated_images/cs/form-post.61de4ca1b964d91a.png)
+![Okno prohlížeče na adrese localhost:5000/api/accounts, zobrazující JSON řetězec s údaji uživatele](../../../../translated_images/cs/form-post.61de4ca1b964d91a.webp)
 
 **Co byste měli vidět:**
 - **Prohlížeč přesměruje** na URL API endpointu
@@ -609,7 +609,7 @@ async function register() {
 3. **Klikněte** na "Vytvořit účet"
 4. **Sledujte** zprávy v konzoli a zpětnou vazbu uživatele
 
-![Screenshot showing log message in the browser console](../../../../translated_images/cs/browser-console.efaf0b51aaaf6778.png)
+![Screenshot showing log message in the browser console](../../../../translated_images/cs/browser-console.efaf0b51aaaf6778.webp)
 
 **Co byste měli vidět:**
 - **Stav načítání** se objeví na tlačítku odeslání
@@ -783,7 +783,7 @@ Vylepšete svůj registrační formulář robustní validací, která nabízí v
 3. **Zkuste** speciální znaky v poli uživatelského jména
 4. **Zadejte** zápornou částku stavu účtu
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/cs/validation-error.8bd23e98d416c22f.png)
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/cs/validation-error.8bd23e98d416c22f.webp)
 
 **Co uvidíte:**
 - **Prohlížeč zobrazí** nativní validační zprávy
@@ -943,7 +943,7 @@ Zobrazte chybovou zprávu v HTML, pokud uživatel již existuje.
 
 Zde je příklad, jak může finální přihlašovací stránka vypadat po malé úpravě stylů:
 
-![Screenshot přihlašovací stránky po přidání CSS stylů](../../../../translated_images/cs/result.96ef01f607bf856a.png)
+![Screenshot přihlašovací stránky po přidání CSS stylů](../../../../translated_images/cs/result.96ef01f607bf856a.webp)
 
 ## Kvíz po přednášce
 
diff --git a/translations/cs/7-bank-project/3-data/README.md b/translations/cs/7-bank-project/3-data/README.md
index 35ca7bb5c..1255c7a22 100644
--- a/translations/cs/7-bank-project/3-data/README.md
+++ b/translations/cs/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Vrací kompletní HTML stránku
     Browser->>User: Zobrazuje novou stránku (bliknutí/obnovení)
 ```
-![Update workflow in a multi-page application](../../../../translated_images/cs/mpa.7f7375a1a2d4aa77.png)
+![Update workflow in a multi-page application](../../../../translated_images/cs/mpa.7f7375a1a2d4aa77.webp)
 
 **Proč tento přístup působil neohrabaně:**
 - Každé kliknutí znamenalo znovu vytvořit celou stránku od základů
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Aktualizuje specifické prvky stránky
     Browser->>User: Zobrazuje aktualizovaný obsah (bez načítání)
 ```
-![Update workflow in a single-page application](../../../../translated_images/cs/spa.268ec73b41f992c2.png)
+![Update workflow in a single-page application](../../../../translated_images/cs/spa.268ec73b41f992c2.webp)
 
 **Proč se SPA cítí mnohem lépe:**
 - Aktualizují se jen skutečně změněné části (chytře, že?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Po vyzkoušení s neplatným účtem se na stránce zobrazí užitečná chybová zpráva!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/cs/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/cs/login-error.416fe019b36a6327.webp)
 
 #### Krok 4: Zahrnutí přístupnosti
 
@@ -950,7 +950,7 @@ Jste připraveni posunout svou bankovní aplikaci na vyšší úroveň? Udělejm
 
 Takto by mohl vypadat vyleštěný dashboard:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/cs/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/cs/screen2.123c82a831a1d14a.webp)
 
 Nemusíte to přesně kopírovat – použijte to jako inspiraci a udělejte si to po svém!
 
diff --git a/translations/cs/7-bank-project/4-state-management/README.md b/translations/cs/7-bank-project/4-state-management/README.md
index 1bc9b959e..e7f617775 100644
--- a/translations/cs/7-bank-project/4-state-management/README.md
+++ b/translations/cs/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Stejně jako třída Titanicu s oddíly, jež se zdála robustní, dokud se nena
 
 Místo běhání dokola vytvoříme **centralizovaný systém správy stavu**. Představte si to jako opravdu organizovanou osobu, která má na starosti všechny důležité věci:
 
-![Schema ukazující datové toky mezi HTML, uživatelskými akcemi a stavem](../../../../translated_images/cs/data-flow.fa2354e0908fecc8.png)
+![Schema ukazující datové toky mezi HTML, uživatelskými akcemi a stavem](../../../../translated_images/cs/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ Tato výzva vám pomůže myslet jako profesionální vývojář, který zohled
 
 Zde je ukázkový výsledek po dokončení zadání:
 
-![Screenshot zobrazující ukázkový dialog „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.png)
+![Screenshot zobrazující ukázkový dialog „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/cs/7-bank-project/4-state-management/assignment.md b/translations/cs/7-bank-project/4-state-management/assignment.md
index aaaa62bf0..04bf89082 100644
--- a/translations/cs/7-bank-project/4-state-management/assignment.md
+++ b/translations/cs/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Podívejte se na [dokumentaci serverového API](../api/README.md) pro:
 **Očekávaný výsledek:**
 Po dokončení tohoto úkolu by vaše bankovní aplikace měla mít plně funkční funkci „Přidat transakci“, která vypadá a chová se profesionálně:
 
-![Screenshot zobrazující příklad dialogu „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.png)
+![Screenshot zobrazující příklad dialogu „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.webp)
 
 ## Testování vaší implementace
 
diff --git a/translations/cs/7-bank-project/README.md b/translations/cs/7-bank-project/README.md
index 2ba290567..ec6f7a7df 100644
--- a/translations/cs/7-bank-project/README.md
+++ b/translations/cs/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 V tomto projektu se naučíte, jak vytvořit fiktivní banku. Tyto lekce obsahují pokyny, jak navrhnout webovou aplikaci, vytvořit trasy, sestavit formuláře, spravovat stav a získávat data z API, ze kterého můžete načítat data banky.
 
-| ![Screen1](../../../translated_images/cs/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/cs/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/cs/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/cs/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lekce
diff --git a/translations/cs/8-code-editor/1-using-a-code-editor/README.md b/translations/cs/8-code-editor/1-using-a-code-editor/README.md
index 73a54d53e..1503b4f26 100644
--- a/translations/cs/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/cs/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Stejně jako telefon Alexandra Grahama Bella propojil vzdálená místa, propoje
 
 Jakmile se vše načte, uvidíte krásně čisté pracovní prostředí, které je navržené tak, aby vás soustředilo na to nejdůležitější – váš kód!
 
-![Výchozí rozhraní VSCode.dev](../../../../translated_images/cs/default-vscode-dev.5d06881d65c1b323.png)
+![Výchozí rozhraní VSCode.dev](../../../../translated_images/cs/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Prohlídka okolí:**
 - **Activity Bar** (ten pruh vlevo): Hlavní navigace s Průzkumníkem 📁, Vyhledáváním 🔍, Source Control 🌿, Rozšířeními 🧩 a Nastaveními ⚙️
@@ -229,7 +229,7 @@ Perfektní, když začínáte ve VSCode.dev a chcete otevřít konkrétní repoz
 1. Přejděte na [vscode.dev](https://vscode.dev), pokud tam ještě nejste
 2. Na uvítací obrazovce klikněte na tlačítko „Open Remote Repository“
 
-   ![Otevřít vzdálené úložiště](../../../../translated_images/cs/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Otevřít vzdálené úložiště](../../../../translated_images/cs/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Vložte URL libovolného GitHub repozitáře (zkuste třeba: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Stiskněte Enter a sledujte, jak se to načítá!
@@ -238,7 +238,7 @@ Perfektní, když začínáte ve VSCode.dev a chcete otevřít konkrétní repoz
 
 Chcete se cítit jako kouzelník s kódem? Zkuste klávesovou zkratku Ctrl+Shift+P (nebo Cmd+Shift+P na Macu) pro otevření Command Palette:
 
-![Command Palette](../../../../translated_images/cs/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/cs/palette-menu.4946174e07f42622.webp)
 
 **Command Palette je jako vyhledávač na vše, co můžete dělat:**
 - Zadejte „open remote“ a najde vám nástroj pro otevírání repozitářů
@@ -300,7 +300,7 @@ Stejně jako organizace plánů v kanceláři architekta, vytvoření souborů v
 3. Zadejte název souboru včetně příslušné přípony (`style.css`, `script.js`, `index.html`)
 4. Stiskněte Enter pro vytvoření souboru
 
-![Vytváření nového souboru](../../../../translated_images/cs/create-new-file.2814e609c2af9aeb.png)
+![Vytváření nového souboru](../../../../translated_images/cs/create-new-file.2814e609c2af9aeb.webp)
 
 **Pravidla pojmenování:**
 - Používejte popisné názvy, které naznačují účel souboru
@@ -318,7 +318,7 @@ Zde začíná opravdová zábava! Editor VSCode.dev je nabitý užitečnými fun
 2. Začněte psát a sledujte, jak vám VSCode.dev pomáhá barvami, návrhy a odhalením chyb
 3. Ukládejte práci pomocí Ctrl+S (Windows/Linux) nebo Cmd+S (Mac) – i když editor ukládá automaticky!
 
-![Úprava souboru ve VSCode.dev](../../../../translated_images/cs/edit-a-file.52c0ee665ef19f08.png)
+![Úprava souboru ve VSCode.dev](../../../../translated_images/cs/edit-a-file.52c0ee665ef19f08.webp)
 
 **Co se děje, když kódujete:**
 - Váš kód je krásně barevně zvýrazněný, takže je snadno čitelný
@@ -339,7 +339,7 @@ Stejně jako archeologové vytvářejí detailní záznamy o vrstvách vykopáve
 2. Změněné soubory se zobrazí v sekci „Changes“
 3. Barevné kódování indikuje typ změn: zelená pro přidání, červená pro odstranění
 
-![Zobrazení změn v Source Control](../../../../translated_images/cs/working-tree.c58eec08e6335c79.png)
+![Zobrazení změn v Source Control](../../../../translated_images/cs/working-tree.c58eec08e6335c79.webp)
 
 **Ukládání práce (commit workflow):**
 
@@ -431,7 +431,7 @@ Marketplace je opravdu dobře uspořádaný, takže se neztratíte při hledán
 2. Prohlížejte si nebo vyhledejte něco konkrétního
 3. Klikněte na cokoliv, co vypadá zajímavě, abyste se dozvěděli více
 
-![Rozhraní tržiště rozšíření](../../../../translated_images/cs/extensions.eca0e0c7f59a10b5.png)
+![Rozhraní tržiště rozšíření](../../../../translated_images/cs/extensions.eca0e0c7f59a10b5.webp)
 
 **Co tam uvidíte:**
 
@@ -484,7 +484,7 @@ Většina rozšíření nabízí nastavení, která si můžete upravit, aby fun
 3. Vyberte „Extension Settings“ z nabídky
 4. Upravujte nastavení, dokud to nebude vyhovovat vašemu pracovnímu postupu
 
-![Přizpůsobení nastavení rozšíření](../../../../translated_images/cs/extension-settings.21c752ae4f4cdb78.png)
+![Přizpůsobení nastavení rozšíření](../../../../translated_images/cs/extension-settings.21c752ae4f4cdb78.webp)
 
 **Běžné věci, které byste mohli chtít upravit:**
 - Jak se váš kód formátuje (záložky vs mezery, délka řádku apod.)
diff --git a/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md b/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md
index 190c26abb..831093125 100644
--- a/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Protože VSCode.dev vyžaduje alespoň jeden soubor pro otevření repozitáře,
 4. **Napište** zprávu ke commitu: „Přidání počáteční HTML struktury“
 5. **Klikněte** na „Commit new file“ pro uložení změn
 
-![Vytvoření počátečního souboru na GitHubu](../../../../translated_images/cs/new-file-github.com.c886796d800e8056.png)
+![Vytvoření počátečního souboru na GitHubu](../../../../translated_images/cs/new-file-github.com.c886796d800e8056.webp)
 
 **Co tento počáteční setup zajišťuje:**
 - **Zavádí** správnou HTML5 strukturu dokumentu se sémantickými prvky
@@ -104,7 +104,7 @@ Nyní, když je základ vašeho repozitáře nastaven, přejděme do VSCode.dev
 
 ✅ **Indikátor úspěchu**: Měli byste vidět soubory svého projektu v postranním panelu Explorer a `index.html` dostupný pro úpravy v hlavní oblasti editoru.
 
-![Projekt načtený ve VSCode.dev](../../../../translated_images/cs/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projekt načtený ve VSCode.dev](../../../../translated_images/cs/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Co uvidíte v rozhraní:**
 - **Postranní panel Explorer**: **Zobrazuje** soubory a strukturu složek vašeho repozitáře
@@ -448,7 +448,7 @@ Rozšíření zlepšují váš vývojový zážitek tím, že poskytují možnos
 **Okamžité výsledky po instalaci:**
 Jakmile je CodeSwing nainstalován, uvidíte živý náhled své webové stránky životopisu přímo v editoru. To vám umožní přesně vidět, jak vaše stránka vypadá, zatímco provádíte změny.
 
-![Rozšíření CodeSwing zobrazující živý náhled](../../../../translated_images/cs/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Rozšíření CodeSwing zobrazující živý náhled](../../../../translated_images/cs/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Porozumění vylepšenému rozhraní:**
 - **Rozdělený pohled**: **Zobrazuje** váš kód na jedné straně a živý náhled na druhé
diff --git a/translations/cs/9-chat-project/README.md b/translations/cs/9-chat-project/README.md
index f47eab4fb..879f9ed2d 100644
--- a/translations/cs/9-chat-project/README.md
+++ b/translations/cs/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Takto bude vypadat váš hotový projekt:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/cs/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/cs/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Vaše cesta za vývojem AI aplikací
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Základní princip**: Vývoj AI aplikací kombinuje tradiční webové dovednosti s integrací AI služeb, vytvářející inteligentní aplikace, které působí přirozeně a reagují na uživatele.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/cs/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/cs/playground.d2b927122224ff8f.webp)
 
 **Co dělá playground tak užitečným:**
 - **Vyzkoušejte** různé AI modely jako GPT-4o-mini, Claude a další (vše zdarma!)
@@ -199,7 +199,7 @@ mindmap
 
 Jakmile si trochu pohrajete, stačí kliknout na záložku "Code" a vybrat programovací jazyk, abyste získali implementační kód, který budete potřebovat.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/cs/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/cs/playground-choice.1d23ba7d407f4758.webp)
 
 ## Nastavení Python backendové integrace
 
@@ -2351,14 +2351,14 @@ Chcete si tento projekt vyzkoušet v cloudovém vývojovém prostředí? GitHub
 - **Přejděte** do [repositáře Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)
 - **Klikněte** na „Use this template“ v pravém horním rohu (ujistěte se, že máte přihlášený účet GitHub)
 
-![Rozhraní pro vytvoření ze šablony, ukazující zelené tlačítko "Use this template"](../../../translated_images/cs/template.67ad477109d29a2b.png)
+![Rozhraní pro vytvoření ze šablony, ukazující zelené tlačítko "Use this template"](../../../translated_images/cs/template.67ad477109d29a2b.webp)
 
 **Krok 2: Spusťte Codespaces**
 - **Otevřete** právě vytvořený repozitář
 - **Klikněte** na zelené tlačítko "Code" a vyberte "Codespaces"
 - **Zvolte** "Create codespace on main" pro spuštění vašeho vývojového prostředí
 
-![Rozhraní pro vytvoření codespace s možnostmi spuštění cloudového vývojového prostředí](../../../translated_images/cs/codespace.bcecbdf5d2747d3d.png)
+![Rozhraní pro vytvoření codespace s možnostmi spuštění cloudového vývojového prostředí](../../../translated_images/cs/codespace.bcecbdf5d2747d3d.webp)
 
 **Krok 3: Konfigurace prostředí**
 Po načtení Codespace budete mít k dispozici:
diff --git a/translations/cs/README.md b/translations/cs/README.md
index 985bd7424..888ab97e3 100644
--- a/translations/cs/README.md
+++ b/translations/cs/README.md
@@ -72,13 +72,13 @@ Nezmeškejte náš nový kurz o generativní AI!
 
 Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte!
 
-![Background](../../translated_images/cs/background.148a8d43afde5730.png)
+![Background](../../translated_images/cs/background.148a8d43afde5730.webp)
 
 - Lekce pokrývají vše od základů po RAG.
 - Komunikujte s historickými postavami pomocí GenAI a naší doprovodné aplikace.
 - Zábavné a poutavé vyprávění, budete cestovat časem!
 
-![character](../../translated_images/cs/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/cs/character.5c0dd8e067ffd693.webp)
 
 Každá lekce obsahuje úkol k dokončení, ověření znalostí a výzvu, která vás provede tématy jako:
 - Promptování a inženýrství promptů
@@ -112,7 +112,7 @@ Postupujte podle těchto kroků:
 
 Ve své kopii repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím se vám vytvoří nový Codespace k práci.
 
-![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Spuštění kurzu lokálně na vašem počítači
 
diff --git a/translations/cs/for-teachers.md b/translations/cs/for-teachers.md
index d5922951e..bd2f32441 100644
--- a/translations/cs/for-teachers.md
+++ b/translations/cs/for-teachers.md
@@ -42,10 +42,10 @@ Tento učební plán obsahuje importovatelné balíčky pro běžné pracovní p
   - Moodle Cloud má omezenou podporu Common Cartridge. Preferujte výše uvedený soubor pro Moodle, který lze také nahrát do Canvas.
   - Po importu zkontrolujte moduly, termíny odevzdání a nastavení kvízů, aby odpovídaly vašemu rozvrhu.
 
-![Moodle](../../translated_images/cs/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/cs/moodle.94eb93d714a50cb2.webp)
 > Učební plán v prostředí Moodle
 
-![Canvas](../../translated_images/cs/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/cs/canvas.fbd605ff8e5b8aff.webp)
 > Učební plán v prostředí Canvas
 
 ### Použití úložiště přímo (bez Classroom)
diff --git a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 674eeabdb..57f36678a 100644
--- a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Se, jeg forstår fuldt ud, hvis programmering føles skræmmende lige nu. Da jeg
 
 I dag skal vi udforske de utrolige værktøjer, der gør moderne webudvikling ikke bare mulig, men også seriøst vanedannende. Jeg taler om de nøjagtige redaktører, browsere og arbejdsprocesser, som udviklere hos Netflix, Spotify og dit yndlings indie app-studie bruger hver eneste dag. Og her er den del, der vil få dig til at lave en glad dans: de fleste af disse professionelle, branchestandard-værktøjer er helt gratis!
 
-![Intro Programming](../../../../translated_images/da/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/da/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/da/1-getting-started-lessons/2-github-basics/README.md b/translations/da/1-getting-started-lessons/2-github-basics/README.md
index 357e4265c..fe4c8b260 100644
--- a/translations/da/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/da/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Jeg ved, det måske føles som meget i starten – pokkers, jeg husker at stirre
 
 Vi tager denne rejse sammen, skridt for skridt. Ingen hast, intet pres – bare dig, mig og nogle virkelig fede værktøjer, som snart bliver dine nye bedste venner!
 
-![Intro to GitHub](../../../../translated_images/da/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/da/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ Først, lad os finde et repository (eller **repo**) på GitHub, som interesserer
 
 ✅ En god måde at finde 'begynder-venlige' repos er at [søgge efter tagget 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Copy a repo locally](../../../../translated_images/da/clone_repo.5085c48d666ead57.png)
+![Copy a repo locally](../../../../translated_images/da/clone_repo.5085c48d666ead57.webp)
 
 Der er flere måder at kopiere kode på. En måde er at "klone" indholdet af repositoryet, ved brug af HTTPS, SSH, eller GitHub CLI (Command Line Interface).
 
diff --git a/translations/da/1-getting-started-lessons/3-accessibility/README.md b/translations/da/1-getting-started-lessons/3-accessibility/README.md
index 154c56ff5..efae7c46d 100644
--- a/translations/da/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/da/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Oprettelse af Tilgængelige Websider
 
-![Alt om Tilgængelighed](../../../../translated_images/da/webdev101-a11y.8ef3025c858d897a.png)
+![Alt om Tilgængelighed](../../../../translated_images/da/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/da/2-js-basics/1-data-types/README.md b/translations/da/2-js-basics/1-data-types/README.md
index 1b5d62d0a..80e1bf947 100644
--- a/translations/da/2-js-basics/1-data-types/README.md
+++ b/translations/da/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Grundlæggende: Datatyper
 
-![JavaScript Basics - Data types](../../../../translated_images/da/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/da/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/da/2-js-basics/2-functions-methods/README.md b/translations/da/2-js-basics/2-functions-methods/README.md
index 6c3927fba..8ac4db79b 100644
--- a/translations/da/2-js-basics/2-functions-methods/README.md
+++ b/translations/da/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Grundlæggende: Metoder og Funktioner
 
-![JavaScript Basics - Functions](../../../../translated_images/da/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/da/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/da/2-js-basics/3-making-decisions/README.md b/translations/da/2-js-basics/3-making-decisions/README.md
index 5961f8dcc..d065d2c49 100644
--- a/translations/da/2-js-basics/3-making-decisions/README.md
+++ b/translations/da/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Basics: At træffe beslutninger
 
-![JavaScript Basics - Making decisions](../../../../translated_images/da/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/da/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/da/2-js-basics/4-arrays-loops/README.md b/translations/da/2-js-basics/4-arrays-loops/README.md
index b1159f901..03d273df2 100644
--- a/translations/da/2-js-basics/4-arrays-loops/README.md
+++ b/translations/da/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Basics: Arrays and Loops
 
-![JavaScript Basics - Arrays](../../../../translated_images/da/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/da/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/da/3-terrarium/1-intro-to-html/README.md b/translations/da/3-terrarium/1-intro-to-html/README.md
index 38b13e185..f9e3a9dd2 100644
--- a/translations/da/3-terrarium/1-intro-to-html/README.md
+++ b/translations/da/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Forbedr tilgængelighed: 5: Student
       Byg terrarium: 5: Student
 ```
-![Introduktion til HTML](../../../../translated_images/da/webdev101-html.4389c2067af68e98.png)
+![Introduktion til HTML](../../../../translated_images/da/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, eller HyperText Markup Language, er fundamentet for enhver hjemmeside, du nogensinde har besøgt. Tænk på HTML som skelettet, der giver struktur til websider – det definerer, hvor indholdet skal være, hvordan det organiseres, og hvad hvert enkelt element repræsenterer. Mens CSS senere "pynter" din HTML med farver og layouts, og JavaScript bringer det til live med interaktivitet, giver HTML den essentielle struktur, som gør alt andet muligt.
@@ -86,7 +86,7 @@ Du skal oprette en dedikeret mappe til dit terrariumprojekt og tilføje din før
 4. I Explorer-panelet, klik på ikonet "New File"
 5. Navngiv din fil `index.html`
 
-![VS Code Explorer viser oprettelse af ny fil](../../../../translated_images/da/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer viser oprettelse af ny fil](../../../../translated_images/da/vs-code-index.e2986cf919471eb9.webp)
 
 **Mulighed 2: Brug af terminalkommandoer**
 ```bash
diff --git a/translations/da/3-terrarium/2-intro-to-css/README.md b/translations/da/3-terrarium/2-intro-to-css/README.md
index 12df719a5..03ec40ca1 100644
--- a/translations/da/3-terrarium/2-intro-to-css/README.md
+++ b/translations/da/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Responsivt design: 5: Student
       Glasreflektioner: 5: Student
 ```
-![Introduktion til CSS](../../../../translated_images/da/webdev101-css.3f7af5991bf53a20.png)
+![Introduktion til CSS](../../../../translated_images/da/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Kan du huske, hvordan dit HTML-terrarium så temmelig grundlæggende ud? CSS er stedet, hvor vi forvandler den enkle struktur til noget visuelt tiltalende.
@@ -202,7 +202,7 @@ body {
 
 Åbn din browsers udviklerværktøjer (F12), gå til Elements fanen, og undersøg dit `<h1>` element. Du vil se, at det arver font-familien fra body:
 
-![arvet font](../../../../translated_images/da/1.cc07a5cbe114ad1d.png)
+![arvet font](../../../../translated_images/da/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Eksperimenter**: Prøv at sætte andre arvelige egenskaber på `<body>` som `color`, `line-height` eller `text-align`. Hvad sker der med din overskrift og andre elementer?
 
@@ -594,7 +594,7 @@ Klar til at forbedre dit terrarium med realistiske glasreflektioner? Denne tekni
 
 Du vil skabe subtile highlights, der simulerer, hvordan lys reflekteres på glasoverflader. Denne metode svarer til, hvordan renæssancens malere som Jan van Eyck brugte lys og refleksion til at få malet glas til at fremstå tredimensionelt. Sådan skal resultatet se ud:
 
-![færdigt terrarium](../../../../translated_images/da/terrarium-final.2f07047ffc597d0a.png)
+![færdigt terrarium](../../../../translated_images/da/terrarium-final.2f07047ffc597d0a.webp)
 
 **Din udfordring:**
 - **Opret** subtile hvide eller lyse ovale former til glasreflektionerne
diff --git a/translations/da/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/da/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 34cc692ec..670085983 100644
--- a/translations/da/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/da/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Test funktionalitet: 5: Student
       Fuldfør terrarium: 5: Student
 ```
-![DOM og en closure](../../../../translated_images/da/webdev101-js.10280393044d7eaa.png)
+![DOM og en closure](../../../../translated_images/da/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Velkommen til en af de mest engagerende aspekter af webudvikling - at gøre ting interaktive! Document Object Model (DOM) er som en bro mellem dit HTML og JavaScript, og i dag bruger vi det til at bringe dit terrarium til live. Da Tim Berners-Lee skabte den første webbrowser, forestillede han sig et web, hvor dokumenter kunne være dynamiske og interaktive - DOM gør denne vision mulig.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM trærepresentation](../../../../translated_images/da/dom-tree.7daf0e763cbbba92.png)
+![DOM trærepresentation](../../../../translated_images/da/dom-tree.7daf0e763cbbba92.webp)
 
 > En repræsentation af DOM og den HTML markup, som henviser til den. Fra [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Forståelse af Closures**: Closures er et væsentligt emne i JavaScript, og mange udviklere bruger år på at forstå alle de teoretiske aspekter fuldt ud. I dag fokuserer vi på praktisk anvendelse – du vil se closures naturligt opstå, når vi bygger vores interaktive funktioner. Forståelsen udvikler sig, når du ser, hvordan de løser virkelige problemer.
 
-![DOM trærepresentation](../../../../translated_images/da/dom-tree.7daf0e763cbbba92.png)
+![DOM trærepresentation](../../../../translated_images/da/dom-tree.7daf0e763cbbba92.webp)
 
 > En repræsentation af DOM og den HTML markup, som henviser til den. Fra [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Test nu dit interaktive terrarium! Åbn din `index.html` fil i en webbrowser og
 - **Tvær-enheds support**: Virker på desktop og mobiler
 - **Ydelsesbevidsthed**: Ingen hukommelseslækager eller overflødige beregninger
 
-![færdigt terrarium](../../../../translated_images/da/terrarium-final.0920f16e87c13a84.png)
+![færdigt terrarium](../../../../translated_images/da/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/da/3-terrarium/solution/README.md b/translations/da/3-terrarium/solution/README.md
index cdd98172f..5f2b60c39 100644
--- a/translations/da/3-terrarium/solution/README.md
+++ b/translations/da/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 En lille drag-and-drop kode-meditation. Med lidt HTML, JS og CSS kan du bygge en webgrænseflade, style den og tilføje interaktion.
 
-![mit terrarium](../../../../translated_images/da/screenshot_gray.0c796099a1f9f25e.png)
+![mit terrarium](../../../../translated_images/da/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Krediteringer
 
diff --git a/translations/da/5-browser-extension/1-about-browsers/README.md b/translations/da/5-browser-extension/1-about-browsers/README.md
index 0f49c1f75..b6cce856c 100644
--- a/translations/da/5-browser-extension/1-about-browsers/README.md
+++ b/translations/da/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Fejlret problemer: 4: Student
       Finpuds oplevelse: 5: Student
 ```
-![Browser sketchnote](../../../../translated_images/da/browser.60317c9be8b7f84a.jpg)
+![Browser sketchnote](../../../../translated_images/da/browser.60317c9be8b7f84a.webp)
 > Sketchnote af [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Forudgående Quiz
@@ -77,7 +77,7 @@ Denne proces afspejler, hvordan den første webbrowser, WorldWideWeb, blev desig
 
 ✅ **Lidt historie**: Den første browser hed 'WorldWideWeb' og blev skabt af Sir Timothy Berners-Lee i 1990.
 
-![early browsers](../../../../translated_images/da/earlybrowsers.d984b711cdf3a42d.jpg)
+![early browsers](../../../../translated_images/da/earlybrowsers.d984b711cdf3a42d.webp)
 > Nogle tidlige browsere, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Hvordan Browsere Behandler Webindhold
@@ -194,7 +194,7 @@ quadrantChart
 
 At forstå installationsprocessen for udvidelser hjælper dig med at forudse brugeroplevelsen, når folk installerer din udvidelse. Installationsprocessen er standardiseret på tværs af moderne browsere med mindre variationer i grænsefladedesign.
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/da/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/da/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Vigtigt**: Sørg for at slå udviklertilstand til og tillade udvidelser fra andre butikker, når du tester dine egne udvidelser.
 
@@ -308,10 +308,10 @@ Dette følger princippet om gradvis afsløring, brugt i interface design siden d
 ### Oversigt over Udvidelsesvisninger
 
 **Opsætningsvisning** – første gangs bruger-konfiguration:
-![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/da/1.b6da8c1394b07491.png)
+![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/da/1.b6da8c1394b07491.webp)
 
 **Resultatvisning** – visning af kulstofaftrykdata:
-![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/da/2.1dae52ff08042246.png)
+![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/da/2.1dae52ff08042246.webp)
 
 ### Bygning af Konfigurationsformularen
 
diff --git a/translations/da/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/da/5-browser-extension/2-forms-browsers-local-storage/README.md
index 31211ff11..c027630aa 100644
--- a/translations/da/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/da/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Fjern gemte data
     ClearStorage --> FirstTime: Tilbage til opsætning
 ```
-![Lokal lagringspanel](../../../../translated_images/da/localstorage.472f8147b6a3f8d1.png)
+![Lokal lagringspanel](../../../../translated_images/da/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Sikkerhedsovervejelse**: I produktionsapplikationer udgør lagring af API-nøgler i LocalStorage sikkerhedsrisici, da JavaScript kan tilgå disse data. Til læringsformål fungerer dette fint, men rigtige applikationer bør bruge sikker server-side lagring til følsomme oplysninger.
 
diff --git a/translations/da/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/da/5-browser-extension/3-background-tasks-and-performance/README.md
index f25d7c50e..b0fe614f2 100644
--- a/translations/da/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/da/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ For at åbne Udviklerværktøjer i Edge, klik på de tre prikker øverst til hø
 
 Lad os prøve det. Åbn en hjemmeside (Microsoft.com fungerer godt til dette) og klik på 'Optag' knappen. Opdater nu siden, og se profilen fange alt, hvad der sker. Når du stopper optagelsen, får du en detaljeret opdeling af, hvordan browseren ‘script’, ‘renderer’ og ‘maler’ sitet. Det minder mig om, hvordan mission control overvåger hvert system under en raketopsendelse – du får realtime-data om præcis, hvad der sker og hvornår.
 
-![Edge profiler](../../../../translated_images/da/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/da/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft Dokumentationen](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) har masser af flere detaljer, hvis du vil dykke dybere ned
 
@@ -133,11 +133,11 @@ Vælg elementer i profilens tidslinje for at zoome ind på begivenheder, der ske
 
 Få et øjebliksbillede af din sides ydeevne ved at vælge et stykke af profiltidslinjen og kigge på oversigtspanelet:
 
-![Edge profiler snapshot](../../../../translated_images/da/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/da/snapshot.97750180ebcad737.webp)
 
 Tjek Event Log-panelet for at se, om nogen begivenhed tog længere tid end 15 ms:
 
-![Edge event log](../../../../translated_images/da/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/da/log.804026979f3707e0.webp)
 
 ✅ Lær din profiler at kende! Åbn udviklerværktøjerne på denne side og se, om der er nogen flaskehalse. Hvad er det langsomt indlæsende element? Hvad er det hurtigste?
 
diff --git a/translations/da/5-browser-extension/README.md b/translations/da/5-browser-extension/README.md
index 7efcf3c07..4589a2049 100644
--- a/translations/da/5-browser-extension/README.md
+++ b/translations/da/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Denne udvidelse kan bruges ad hoc af en bruger, når en API-nøgle og regionskod
 
 ### Krediteringer
 
-![en grøn browserudvidelse](../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![en grøn browserudvidelse](../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Krediteringer
 
diff --git a/translations/da/5-browser-extension/solution/README.md b/translations/da/5-browser-extension/solution/README.md
index 88ca27979..bb93bd155 100644
--- a/translations/da/5-browser-extension/solution/README.md
+++ b/translations/da/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ved at bruge tmrow's CO2 Signal API til at spore elforbrug, kan du bygge en browserudvidelse, så du får en påmindelse direkte i din browser om, hvor belastet din regions elforbrug er. Ved at bruge denne udvidelse ad hoc kan du træffe bedre beslutninger om dine aktiviteter baseret på denne information.
 
-![extension screenshot](../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du bruge 'tre-punkts'-menuen øverst til højre i browseren for at finde panelet Udvidelser. Derfra vælger du 'Indlæs ikke-pakket' for at indlæse en ny udvidelse. Åbn mappen 'dist', når du bliver bedt om det, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal's API ([få en her via e-mail](https://www.co2signal.com/) - indtast din e-mail i boksen på denne side) og koden for din region ([find den her](http://api.electricitymap.org/v3/zones)) svarende til [Electricity Map](https://www.electricitymap.org/map) (i Boston bruger jeg for eksempel 'US-NEISO').
 
-![installing](../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og regionen er indtastet i udvidelsens grænseflade, bør den farvede prik i browserens udvidelsesbjælke ændre sig for at afspejle din regions energiforbrug og give dig en indikation af, hvilke energitunge aktiviteter der ville være passende at udføre. Konceptet bag dette 'prik'-system blev inspireret af [Energy Lollipop-udvidelsen](https://energylollipop.com/) for Californiens emissioner.
 
diff --git a/translations/da/5-browser-extension/solution/translation/README.fr.md b/translations/da/5-browser-extension/solution/translation/README.fr.md
index 5acf9ee7a..8c5e4a3c8 100644
--- a/translations/da/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/da/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ved hjælp af tmrow's CO2 Signal API til at overvåge elforbrug, kan du oprette en browserudvidelse, der giver dig en påmindelse direkte i din browser om elforbruget i dit område. Brug af denne ad hoc-udvidelse kan hjælpe dig med at træffe beslutninger om dine aktiviteter baseret på disse oplysninger.
 
-![udvidelsesbillede](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![udvidelsesbillede](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du bruge menuen med 'tre prikker' i øverste højre hjørne af browseren for at finde panelet Udvidelser. Derfra vælger du 'Indlæs udvidelse uden komprimering' for at tilføje en ny udvidelse. Åbn mappen 'dist' ved prompten, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal API ([få en her via e-mail](https://www.co2signal.com/) - indtast din e-mail i feltet på denne side) og [koden for din region](http://api.electricitymap.org/v3/zones), som svarer til [Electricity Map](https://www.electricitymap.org/map) (i Boston, for eksempel, bruger jeg 'US-NEISO').
 
-![installation](../../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installation](../../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og regionen er indtastet i udvidelsens interface, bør den farvede prik i browserens udvidelsesbjælke ændre sig for at afspejle energiforbruget i dit område og give dig en indikator for, hvilke energikrævende aktiviteter det ville være passende at udføre. Konceptet bag dette 'prik'-system blev inspireret af [Energy Lollipop-udvidelsen](https://energylollipop.com/) for californiske emissioner.
 
diff --git a/translations/da/5-browser-extension/solution/translation/README.hi.md b/translations/da/5-browser-extension/solution/translation/README.hi.md
index 17d8dbab6..561079c36 100644
--- a/translations/da/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/da/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ved at bruge tmrow's CO2 Signal API til at spore elforbrug, bygger vi en browserudvidelse, der kan minde dig om, hvor belastet strømforbruget i dit område er. Ved at bruge denne udvidelse kan du træffe beslutninger om dine aktiviteter baseret på denne information.
 
-![Udvidelse skærmbillede](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![Udvidelse skærmbillede](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du bruge 'tre prikker'-menuen øverst til højre i browseren for at finde udvidelsespanelet. Derfra skal du vælge 'Load unpacked' for at indlæse en ny udvidelse. Når du bliver bedt om det, skal du åbne 'dist'-mappen, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal ([fås her via e-mail](https://www.co2signal.com/) - indtast din e-mail i boksen på denne side) og [koden for dit område](http://api.electricitymap.org/v3/zones) fra [Electricity Map](https://www.electricitymap.org/map) (for eksempel bruger jeg 'US-NEISO' for Boston).
 
-![installering](../../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installering](../../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og området er indtastet i udvidelsens interface, bør den farvede prik i browserens udvidelsesbjælke ændre sig for at afspejle energiforbruget i dit område og give dig en indikator for, hvilke energiintensive aktiviteter der er passende. Konceptet bag dette 'prik'-system blev inspireret af [Energy Lollipop Extension](https://energylollipop.com/) for Californiske emissioner.
 
diff --git a/translations/da/5-browser-extension/solution/translation/README.it.md b/translations/da/5-browser-extension/solution/translation/README.it.md
index cc3688b53..9675bd22e 100644
--- a/translations/da/5-browser-extension/solution/translation/README.it.md
+++ b/translations/da/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Du vil bruge tmrow's Signal CO2 API til at overvåge elforbruget og oprette en browserudvidelse, så du kan få en påmindelse direkte i din browser om, hvor tungt elforbruget er i din region. Brug af denne ad hoc-udvidelse vil hjælpe dig med at vurdere dine aktiviteter baseret på disse oplysninger.
 
-![skærmbillede af udvidelsen](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![skærmbillede af udvidelsen](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du bruge "tre prikker"-menuen i øverste højre hjørne af browseren for at finde panelet Udvidelser. Hvis det ikke allerede er aktiveret, skal du aktivere Udviklertilstand (nederst til venstre). Vælg "Indlæs pakket udvidelse" for at tilføje en ny udvidelse. Åbn mappen "dist" ved prompten, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal API'en (du kan [få den her via e-mail](https://www.co2signal.com/) - indtast din e-mail i feltet på denne side) og [koden for din region](http://api.electricitymap.org/v3/zones), som svarer til [elektricitetskortet](https://www.electricitymap.org/map) (for eksempel er koden for Boston "US-NEISO").
 
-![installation](../../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installation](../../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og regionen er indtastet i udvidelsens interface, bør den farvede prik i browserens udvidelsesbjælke ændre sig for at afspejle regionens energiforbrug og give en indikation af, hvilke aktiviteter med højt energiforbrug der ville være passende at udføre. Konceptet bag dette "prik"-system er inspireret af [Energy Lollipop-udvidelsen](https://energylollipop.com/) for Californiens emissioner.
 
diff --git a/translations/da/5-browser-extension/solution/translation/README.ja.md b/translations/da/5-browser-extension/solution/translation/README.ja.md
index 81dea74c1..0b3033cea 100644
--- a/translations/da/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/da/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Byg en browser-udvidelse, der fungerer som en påmindelse om, hvor meget energi der bruges i dit område, ved at spore strømforbruget med tmrow's CO2 Signal API. Ved at bruge denne udvidelse ad hoc kan du træffe beslutninger om dine aktiviteter baseret på denne information.
 
-![extension screenshot](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du finde "Udvidelser"-panelet via "tre prikker"-menuen øverst til højre i browseren. Derfra vælger du "Load Unpacked" og indlæser den nye udvidelse. Når du bliver bedt om det, skal du åbne "dist"-mappen, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal API ([få en her via e-mail](https://www.co2signal.com/) - indtast din e-mail i boksen på siden) og en [kode for din region](http://api.electricitymap.org/v3/zones), som er kompatibel med [Electricity Map](https://www.electricitymap.org/map) (for eksempel bruges 'US-NEISO' i Boston).
 
-![installing](../../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når du har indtastet API-nøglen og din region i udvidelsens interface, vil en farvet prik vises i browserens udvidelsesbjælke. Denne prik ændrer farve for at afspejle energiforbruget i dit område og hjælper dig med at vurdere, hvilke aktiviteter der kræver energi, der er passende at udføre. Konceptet med dette "prik"-system blev inspireret af [Energy Lollipop extension](https://energylollipop.com/) for emissioner i Californien.
 
diff --git a/translations/da/5-browser-extension/solution/translation/README.ms.md b/translations/da/5-browser-extension/solution/translation/README.ms.md
index 19f21cfcf..73e600cf2 100644
--- a/translations/da/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/da/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ved at bruge CO2 Signal API fra tmrow til at overvåge elforbrug, kan du bygge en browserudvidelse, der giver dig advarsler i din browser om, hvor belastet dit områdes elforbrug er. Denne udvidelse kan hjælpe dig med at tage beslutninger om dine aktiviteter baseret på disse oplysninger.
 
-![skærmbillede af browserudvidelse](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![skærmbillede af browserudvidelse](../../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere i Edge skal du bruge menuen med 'tre prikker' i øverste højre hjørne af browseren for at finde panelet Udvidelser. Derfra vælger du 'Load Unpacked' for at indlæse den nye udvidelse. Åbn mappen 'dist', når du bliver bedt om det, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal API ([få en her via e-mail](https://www.co2signal.com/) - indtast din e-mail i boksen på denne side) og [koden for dit område](http://api.electricitymap.org/v3/zones), som svarer til [Electricity Map](https://www.electricitymap.org/map) (i Boston bruger jeg for eksempel 'US-NEISO').
 
-![downloader](../../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![downloader](../../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og området er indtastet i udvidelsens interface, vil en farvet prik i browserens udvidelsesbjælke ændre sig for at afspejle dit områdes energiforbrug og give dig anbefalinger om passende aktiviteter baseret på belastningen. Konceptet bag dette 'prik'-system blev inspireret af [Energy Lollipop browserudvidelsen](https://energylollipop.com/) for Californiens emissioner.
 
diff --git a/translations/da/5-browser-extension/start/README.md b/translations/da/5-browser-extension/start/README.md
index 4fe7cccef..61951d58f 100644
--- a/translations/da/5-browser-extension/start/README.md
+++ b/translations/da/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ved at bruge tmrow's CO2 Signal API til at spore elforbrug, kan du bygge en browserudvidelse, så du får en påmindelse direkte i din browser om, hvor belastet din regions elforbrug er. Ved at bruge denne udvidelse ad hoc kan du træffe beslutninger om dine aktiviteter baseret på denne information.
 
-![udvidelsesskærmbillede](../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.png)
+![udvidelsesskærmbillede](../../../../translated_images/da/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kom godt i gang
 
@@ -31,7 +31,7 @@ npm run build
 
 For at installere på Edge skal du bruge menuen med de 'tre prikker' øverst til højre i browseren for at finde panelet Udvidelser. Derfra skal du vælge 'Indlæs upakket' for at indlæse en ny udvidelse. Åbn mappen 'dist', når du bliver bedt om det, og udvidelsen vil blive indlæst. For at bruge den skal du have en API-nøgle til CO2 Signal's API ([få en her via e-mail](https://www.co2signal.com/) - indtast din e-mail i boksen på denne side) og koden for din region ([find den her](http://api.electricitymap.org/v3/zones)) svarende til [Electricity Map](https://www.electricitymap.org/map) (i Boston bruger jeg for eksempel 'US-NEISO').
 
-![installation](../../../../translated_images/da/install-on-edge.78634f02842c4828.png)
+![installation](../../../../translated_images/da/install-on-edge.78634f02842c4828.webp)
 
 Når API-nøglen og regionen er indtastet i udvidelsens grænseflade, bør den farvede prik i browserens udvidelsesbjælke ændre sig for at afspejle din regions energiforbrug og give dig en indikation af, hvilke energitunge aktiviteter der ville være passende at udføre. Konceptet bag dette 'prik'-system blev givet til mig af [Energy Lollipop-udvidelsen](https://energylollipop.com/) for Californiens emissioner.
 
diff --git a/translations/da/6-space-game/2-drawing-to-canvas/README.md b/translations/da/6-space-game/2-drawing-to-canvas/README.md
index 677fd8f11..299acad3f 100644
--- a/translations/da/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/da/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![canvas gitteret](../../../../translated_images/da/canvas_grid.5f209da785ded492.png)
+![canvas gitteret](../../../../translated_images/da/canvas_grid.5f209da785ded492.webp)
 > Billede fra [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 For at tegne på canvas-elementet følger du den samme tre-trins proces, som udgør fundamentet for al canvas grafik. Når du har gjort det et par gange, bliver det anden natur:
@@ -323,11 +323,11 @@ Du skal bygge en webside med et Canvas-element. Det skal gengive en sort skærm
 
 - Helteskib
 
-   ![Helteskib](../../../../translated_images/da/player.dd24c1afa8c71e9b.png)
+   ![Helteskib](../../../../translated_images/da/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 monstre
 
-   ![Monster skib](../../../../translated_images/da/enemyShip.5df2a822c16650c2.png)
+   ![Monster skib](../../../../translated_images/da/enemyShip.5df2a822c16650c2.webp)
 
 ### Anbefalede trin for at starte udviklingen
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Det færdige resultat burde se sådan ud:
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/da/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/da/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Løsning
 
diff --git a/translations/da/6-space-game/5-keeping-score/README.md b/translations/da/6-space-game/5-keeping-score/README.md
index b6d2f70bc..e1a0d61af 100644
--- a/translations/da/6-space-game/5-keeping-score/README.md
+++ b/translations/da/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Pointsystem**: Hver ødelagt fjendtlige skib giver 100 point (runde tal er lettere for spillere at regne mentalt). Scoren vises i nederste venstre hjørne.
-- **Livstæller**: Din helt starter med tre liv - en standard etableret af tidlige arkadespil for at balancere udfordring med spilbarhed. Hver kollision med en fjende koster et liv. Vi viser resterende liv nederst til højre med skibsikoner ![liv billede](../../../../translated_images/da/life.6fb9f50d53ee0413.png).
+- **Livstæller**: Din helt starter med tre liv - en standard etableret af tidlige arkadespil for at balancere udfordring med spilbarhed. Hver kollision med en fjende koster et liv. Vi viser resterende liv nederst til højre med skibsikoner ![liv billede](../../../../translated_images/da/life.6fb9f50d53ee0413.webp).
 
 ## Lad os komme i gang!
 
diff --git a/translations/da/7-bank-project/1-template-route/README.md b/translations/da/7-bank-project/1-template-route/README.md
index 1e60e7477..007228b15 100644
--- a/translations/da/7-bank-project/1-template-route/README.md
+++ b/translations/da/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Brug af `history.pushState` skaber nye poster i browserens navigationshistorik. Du kan tjekke det ved at holde *tilbage-knappen* på din browser nede; den skulle vise noget som dette:
 
-![Screenshot of navigation history](../../../../translated_images/da/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/da/history.7fdabbafa521e064.webp)
 
 Hvis du prøver at klikke tilbage-knappen et par gange, vil du se, at den aktuelle URL ændres, og historikken opdateres, men den samme template bliver ved med at blive vist.
 
diff --git a/translations/da/7-bank-project/2-forms/README.md b/translations/da/7-bank-project/2-forms/README.md
index 3805de04d..9194961de 100644
--- a/translations/da/7-bank-project/2-forms/README.md
+++ b/translations/da/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Først, lad os observere hvad der sker ved basal formularafsendelse:
 2. Observer ændringerne i din browsers adressebjælke
 3. Læg mærke til, hvordan siden genindlæses og data vises i URL’en
 
-![Skærmbillede af browserens URL-ændring efter klik på Registrer-knappen](../../../../translated_images/da/click-register.e89a30bf0d4bc9ca.png)
+![Skærmbillede af browserens URL-ændring efter klik på Registrer-knappen](../../../../translated_images/da/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP Metoder Sammenligning
 
@@ -346,7 +346,7 @@ Lad os sætte din registreringsformular til at kommunikere korrekt med backend A
 2. **Klik** på "Opret Konto" knappen
 3. **Observer** serverens svar i din browser
 
-![Et browservindue på adressen localhost:5000/api/accounts, der viser en JSON streng med brugerdata](../../../../translated_images/da/form-post.61de4ca1b964d91a.png)
+![Et browservindue på adressen localhost:5000/api/accounts, der viser en JSON streng med brugerdata](../../../../translated_images/da/form-post.61de4ca1b964d91a.webp)
 
 **Det du bør se:**
 - **Browseren omdirigerer** til API endpoint URL’en
@@ -609,7 +609,7 @@ async function register() {
 3. **Klik** på "Opret konto"
 4. **Observer** konsolmeddelelser og brugerfeedback
 
-![Screenshot showing log message in the browser console](../../../../translated_images/da/browser-console.efaf0b51aaaf6778.png)
+![Screenshot showing log message in the browser console](../../../../translated_images/da/browser-console.efaf0b51aaaf6778.webp)
 
 **Det du bør se:**
 - **Indlæsningsstatus** vises på submit-knappen
@@ -783,7 +783,7 @@ Lad os forbedre din registreringsformular med robust validering, der giver fremr
 3. **Prøv** specialtegn i brugernavnfeltet
 4. **Indtast** et negativt beløb i saldo-feltet
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/da/validation-error.8bd23e98d416c22f.png)
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/da/validation-error.8bd23e98d416c22f.webp)
 
 **Det du vil observere:**
 - **Browseren viser** native valideringsmeddelelser
@@ -943,7 +943,7 @@ Vis en fejlmeddelelse i HTML, hvis brugeren allerede eksisterer.
 
 Her er et eksempel på, hvordan den endelige login-side kan se ud efter lidt styling:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/da/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/da/result.96ef01f607bf856a.webp)
 
 ## Post-Lecture Quiz
 
diff --git a/translations/da/7-bank-project/3-data/README.md b/translations/da/7-bank-project/3-data/README.md
index 26c27c78d..843b6d6e7 100644
--- a/translations/da/7-bank-project/3-data/README.md
+++ b/translations/da/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Returnerer komplet HTML-side
     Browser->>User: Viser ny side (flash/genindlæsning)
 ```
-![Opdateringsworkflow i en multi-side applikation](../../../../translated_images/da/mpa.7f7375a1a2d4aa77.png)
+![Opdateringsworkflow i en multi-side applikation](../../../../translated_images/da/mpa.7f7375a1a2d4aa77.webp)
 
 **Hvorfor denne tilgang føltes klodset:**
 - Hvert klik betød, at hele siden skulle bygges op fra bunden
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Opdaterer specifikke sideelementer
     Browser->>User: Viser opdateret indhold (ingen genindlæsning)
 ```
-![Opdateringsworkflow i en single-page applikation](../../../../translated_images/da/spa.268ec73b41f992c2.png)
+![Opdateringsworkflow i en single-page applikation](../../../../translated_images/da/spa.268ec73b41f992c2.webp)
 
 **Hvorfor SPAs føles meget bedre:**
 - Kun de dele, der rent faktisk ændrer sig, opdateres (smart, ikke?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Når du nu tester med en ugyldig konto, vil du se en hjælpsom fejlmeddelelse direkte på siden!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/da/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/da/login-error.416fe019b36a6327.webp)
 
 #### Trin 4: Vær inkluderende med tilgængelighed
 
@@ -950,7 +950,7 @@ Klar til at tage din bankapp til næste niveau? Lad os få den til at se ud og f
 
 Sådan kunne et poleret dashboard se ud:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/da/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/da/screen2.123c82a831a1d14a.webp)
 
 Føl dig ikke forpligtet til at matche det præcist – brug det som inspiration og gør det til dit eget!
 
diff --git a/translations/da/7-bank-project/4-state-management/README.md b/translations/da/7-bank-project/4-state-management/README.md
index ccf42e95b..0c362ba77 100644
--- a/translations/da/7-bank-project/4-state-management/README.md
+++ b/translations/da/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Som Titanics afdelingsopdeling, der virkede robust indtil flere skibsrum pludsel
 
 I stedet for at løbe i ring, vil vi skabe et **centraliseret tilstandsstyringssystem**. Tænk på det som én virkelig organiseret person, der har ansvaret for alt det vigtige:
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/da/data-flow.fa2354e0908fecc8.png)
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/da/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ Denne udfordring hjælper dig med at tænke som en professionel udvikler, som b
 
 Her er et eksempel på resultat efter opgaven er gennemført:
 
-![Screenshot viser et eksempel på dialogen "Tilføj transaktion"](../../../../translated_images/da/dialog.93bba104afeb79f1.png)
+![Screenshot viser et eksempel på dialogen "Tilføj transaktion"](../../../../translated_images/da/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/da/7-bank-project/4-state-management/assignment.md b/translations/da/7-bank-project/4-state-management/assignment.md
index 3875ff42d..c26b79ec9 100644
--- a/translations/da/7-bank-project/4-state-management/assignment.md
+++ b/translations/da/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Se [server-API-dokumentationen](../api/README.md) for:
 **Forventet resultat:**
 Efter at have fuldført denne opgave, bør din bankapp have en fuldt funktionel "Tilføj Transaktion"-funktion, der ser professionel ud og fungerer perfekt:
 
-![Skærmbillede, der viser et eksempel på "Tilføj transaktion"-dialog](../../../../translated_images/da/dialog.93bba104afeb79f1.png)
+![Skærmbillede, der viser et eksempel på "Tilføj transaktion"-dialog](../../../../translated_images/da/dialog.93bba104afeb79f1.webp)
 
 ## Test af din implementering
 
diff --git a/translations/da/7-bank-project/README.md b/translations/da/7-bank-project/README.md
index f44812ac3..899b2fbd5 100644
--- a/translations/da/7-bank-project/README.md
+++ b/translations/da/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 I dette projekt lærer du, hvordan du bygger en fiktiv bank. Disse lektioner inkluderer instruktioner om, hvordan du opbygger en webapp med layout og ruter, bygger formularer, håndterer tilstand og henter data fra en API, hvorfra du kan hente bankens data.
 
-| ![Screen1](../../../translated_images/da/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/da/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/da/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/da/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lektioner
diff --git a/translations/da/8-code-editor/1-using-a-code-editor/README.md b/translations/da/8-code-editor/1-using-a-code-editor/README.md
index c372b5872..a07a336f4 100644
--- a/translations/da/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/da/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Ligesom Alexander Graham Bells telefon forbandt fjerne steder, forbinder det at
 
 Når alt er indlæst, vil du se et smukt rent arbejdsområde designet til at holde dig fokuseret på det, der betyder noget – din kode!
 
-![Default VSCode.dev interface](../../../../translated_images/da/default-vscode-dev.5d06881d65c1b323.png)
+![Default VSCode.dev interface](../../../../translated_images/da/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Her er din rundvisning i nabolaget:**
 - **Aktivitetslinje** (den stribe til venstre): Din primære navigation med Explorer 📁, Søg 🔍, Kildekontrol 🌿, Extensions 🧩 og Indstillinger ⚙️
@@ -229,7 +229,7 @@ Den er perfekt, når du starter frisk i VSCode.dev og vil åbne et specifikt rep
 1. Gå til [vscode.dev](https://vscode.dev), hvis du ikke allerede er der
 2. Find knappen "Open Remote Repository" på velkomstskærmen og klik på den
 
-   ![Open remote repository](../../../../translated_images/da/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Open remote repository](../../../../translated_images/da/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Indsæt en hvilken som helst GitHub repository URL (prøv denne: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Tryk Enter og se magien ske!
@@ -238,7 +238,7 @@ Den er perfekt, når du starter frisk i VSCode.dev og vil åbne et specifikt rep
 
 Vil du føle dig som en kode-troldmand? Prøv denne tastaturgenvej: Ctrl+Shift+P (eller Cmd+Shift+P på Mac) for at åbne Kommandopalletten:
 
-![Command Palette](../../../../translated_images/da/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/da/palette-menu.4946174e07f42622.webp)
 
 **Kommandopalletten er som en søgemaskine til alt, hvad du kan gøre:**
 - Skriv "open remote" og den finder repository-åbneren for dig
@@ -300,7 +300,7 @@ Ligesom at organisere blåtryk på en arkitekts kontor følger filoprettelse i V
 3. Indtast filnavnet inklusive den korrekte filendelse (`style.css`, `script.js`, `index.html`)
 4. Tryk Enter for at oprette filen
 
-![Creating a new file](../../../../translated_images/da/create-new-file.2814e609c2af9aeb.png)
+![Creating a new file](../../../../translated_images/da/create-new-file.2814e609c2af9aeb.webp)
 
 **Navngivningskonventioner:**
 - Brug beskrivende navne, der angiver filens formål
@@ -318,7 +318,7 @@ Her begynder det sjove! VSCode.dev’s editor er fyldt med hjælpsomme funktione
 2. Begynd at skrive og se, hvordan VSCode.dev hjælper dig med farver, forslag og fejlregistrering
 3. Gem dit arbejde med Ctrl+S (Windows/Linux) eller Cmd+S (Mac) – selvom det også autosaves!
 
-![Editing files in VSCode.dev](../../../../translated_images/da/edit-a-file.52c0ee665ef19f08.png)
+![Editing files in VSCode.dev](../../../../translated_images/da/edit-a-file.52c0ee665ef19f08.webp)
 
 **De seje ting, der sker under kodning:**
 - Din kode bliver smukt farvekodet, så den er nem at læse
@@ -339,7 +339,7 @@ Ligesom arkæologer laver detaljerede optegnelser over udgravningslag, sporer Gi
 2. Ændrede filer vises i sektionen "Ændringer"
 3. Farvekodning angiver ændringstyper: grøn for tilføjelser, rød for sletninger
 
-![Viewing changes in Source Control](../../../../translated_images/da/working-tree.c58eec08e6335c79.png)
+![Viewing changes in Source Control](../../../../translated_images/da/working-tree.c58eec08e6335c79.webp)
 
 **Gem dit arbejde (commit-arbejdsgang):**
 
@@ -431,7 +431,7 @@ Udvidelsesmarkedspladsen er virkelig godt organiseret, så du ikke mister overbl
 2. Gå på opdagelse eller søg efter noget specifikt
 3. Klik på alt, der ser interessant ud for at lære mere om det
 
-![Extension marketplace interface](../../../../translated_images/da/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/da/extensions.eca0e0c7f59a10b5.webp)
 
 **Det vil du se derinde:**
 
@@ -484,7 +484,7 @@ De fleste udvidelser kommer med indstillinger, som du kan justere, så de funger
 3. Vælg "Extension Settings" i dropdown-menuen
 4. Juster ting, indtil det passer perfekt til dit workflow
 
-![Customizing extension settings](../../../../translated_images/da/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/da/extension-settings.21c752ae4f4cdb78.webp)
 
 **Almindelige ting, du måske vil justere:**
 - Hvordan din kode formateres (tabs vs mellemrum, linjelængde osv.)
diff --git a/translations/da/8-code-editor/1-using-a-code-editor/assignment.md b/translations/da/8-code-editor/1-using-a-code-editor/assignment.md
index de48d4fb1..e43914de2 100644
--- a/translations/da/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/da/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Da VSCode.dev kræver mindst én fil for at åbne et repository, opretter vi vor
 4. **Skriv** en commit-besked: "Tilføj indledende HTML-struktur"
 5. **Klik** på "Commit new file" for at gemme dine ændringer
 
-![Oprettelse af indledende fil på GitHub](../../../../translated_images/da/new-file-github.com.c886796d800e8056.png)
+![Oprettelse af indledende fil på GitHub](../../../../translated_images/da/new-file-github.com.c886796d800e8056.webp)
 
 **Dette opnår den indledende opsætning:**
 - **Etablerer** korrekt HTML5-dokumentstruktur med semantiske elementer
@@ -104,7 +104,7 @@ Nu hvor fundamentet for dit repository er etableret, lad os skifte til VSCode.de
 
 ✅ **Succesindikator**: Du bør se dine projektfiler i Explorer-sidepanelet og `index.html` tilgængelig for redigering i hovededitorområdet.
 
-![Projekt indlæst i VSCode.dev](../../../../translated_images/da/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projekt indlæst i VSCode.dev](../../../../translated_images/da/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Hvad du vil se i grænsefladen:**
 - **Explorer-sidepanel**: **Viser** dine repository-filer og mappestruktur
@@ -448,7 +448,7 @@ Udvidelser forbedrer din udviklingsoplevelse ved at give live preview-muligheder
 **Umiddelbare resultater efter installation:**
 Når CodeSwing er installeret, vil du se et live preview af din CV-hjemmeside vises i editoren. Dette giver dig mulighed for at se præcis, hvordan din side ser ud, mens du foretager ændringer.
 
-![CodeSwing-udvidelse viser live preview](../../../../translated_images/da/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing-udvidelse viser live preview](../../../../translated_images/da/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Forstå den forbedrede grænseflade:**
 - **Split view**: **Viser** din kode på den ene side og live preview på den anden
diff --git a/translations/da/9-chat-project/README.md b/translations/da/9-chat-project/README.md
index 6f8eb9c71..5d006e4af 100644
--- a/translations/da/9-chat-project/README.md
+++ b/translations/da/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Sådan vil dit færdige projekt se ud:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/da/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/da/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Din Læringsrejse Gennem AI-applikationsudvikling
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Kerneprincip**: AI-applikationsudvikling kombinerer traditionelle webudviklingsfærdigheder med AI-tjenesteintegration for at skabe intelligente applikationer, der føles naturlige og responsive for brugerne.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/da/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/da/playground.d2b927122224ff8f.webp)
 
 **Det der gør playground så nyttig:**
 - **Prøv** forskellige AI-modeller som GPT-4o-mini, Claude og andre (alle gratis!)
@@ -199,7 +199,7 @@ mindmap
 
 Når du har prøvet lidt, klik bare på fanen "Code" og vælg dit programmersprog for at få den nødvendige implementeringskode.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/da/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/da/playground-choice.1d23ba7d407f4758.webp)
 
 ## Opsætning af Python Backend Integration
 
@@ -2352,14 +2352,14 @@ Vil du prøve dette projekt i et cloud-udviklingsmiljø? GitHub Codespaces lever
 - **Naviger** til [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Klik** på "Use this template" i øverste højre hjørne (sørg for at være logget ind på GitHub)  
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/da/template.67ad477109d29a2b.png)  
+![Create from template interface showing the green "Use this template" button](../../../translated_images/da/template.67ad477109d29a2b.webp)  
 
 **Trin 2: Start Codespaces**  
 - **Åbn** dit nyoprettede repository  
 - **Klik** på den grønne "Code" knap, og vælg "Codespaces"  
 - **Vælg** "Create codespace on main" for at starte dit udviklingsmiljø  
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/da/codespace.bcecbdf5d2747d3d.png)  
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/da/codespace.bcecbdf5d2747d3d.webp)  
 
 **Trin 3: Miljøkonfiguration**  
 Når din Codespace indlæses, får du adgang til:  
diff --git a/translations/da/README.md b/translations/da/README.md
index 22aacb6d6..cdc6303f1 100644
--- a/translations/da/README.md
+++ b/translations/da/README.md
@@ -72,13 +72,13 @@ Gå ikke glip af vores nye Generativ AI-læseplan!
 
 Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang!
 
-![Background](../../translated_images/da/background.148a8d43afde5730.png)
+![Background](../../translated_images/da/background.148a8d43afde5730.webp)
 
 - Lektioner der dækker alt fra grundlæggende til RAG.
 - Interager med historiske personer ved hjælp af GenAI og vores ledsagerapp.
 - Sjov og engagerende fortælling, du kommer til at tidsrejse!
 
-![character](../../translated_images/da/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/da/character.5c0dd8e067ffd693.webp)
 
 
 Hver lektion inkluderer en opgave, en vidensprøve og en udfordring, der guider dig gennem læring af emner som:
@@ -115,7 +115,7 @@ Følg disse trin:
 
 I din kopi af dette repository som du har oprettet, klik på **Code** knappen og vælg **Open with Codespaces**. Det vil oprette en ny Codespace til dig at arbejde i.
 
-![Codespace](../../translated_images/da/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/da/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Kør læseplanen lokalt på din computer
 
diff --git a/translations/da/for-teachers.md b/translations/da/for-teachers.md
index 60108e264..8c0c670e5 100644
--- a/translations/da/for-teachers.md
+++ b/translations/da/for-teachers.md
@@ -42,10 +42,10 @@ Dette pensum inkluderer importbare pakker til almindelige LMS-arbejdsgange.
   - Moodle Cloud har begrænset Common Cartridge-support. Foretræk Moodle-filen ovenfor, som også kan uploades til Canvas.
   - Efter import, gennemgå moduler, deadlines og quizindstillinger for at matche din terminsplan.
 
-![Moodle](../../translated_images/da/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/da/moodle.94eb93d714a50cb2.webp)
 > Pensum i et Moodle-klasselokale
 
-![Canvas](../../translated_images/da/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/da/canvas.fbd605ff8e5b8aff.webp)
 > Pensum i Canvas
 
 ### Brug repoet direkte (uden Classroom)
diff --git a/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 253813498..3c7dd80e8 100644
--- a/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Σήμερα, θα εξερευνήσουμε τα απίστευτα εργαλεία που κάνουν την σύγχρονη ανάπτυξη ιστοσελίδων όχι μόνο δυνατή, αλλά και σοβαρά εθιστική. Μιλάω για τους ίδιους ακριβώς επεξεργαστές, προγράμματα περιήγησης και ροές εργασίας που χρησιμοποιούν οι προγραμματιστές στη Netflix, Spotify και το αγαπημένο σου indie studio εφαρμογών κάθε μέρα. Και να το μέρος που θα σε κάνει να χορέψεις από χαρά: τα περισσότερα από αυτά τα επαγγελματικά, βιομηχανικά πρότυπα εργαλεία είναι εντελώς δωρεάν!
 
-![Intro Programming](../../../../translated_images/el/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/el/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Σκέτς από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/el/1-getting-started-lessons/2-github-basics/README.md b/translations/el/1-getting-started-lessons/2-github-basics/README.md
index bc841c248..b4c34baa6 100644
--- a/translations/el/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/el/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Θα κάνουμε αυτό το ταξίδι μαζί, βήμα-βήμα. Χωρίς βιασύνη, χωρίς πίεση – απλά εσύ, εγώ, και κάποια πολύ ωραία εργαλεία που σύντομα θα γίνουν οι νέοι σου καλύτεροι φίλοι!
 
-![Intro to GitHub](../../../../translated_images/el/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/el/webdev101-github.8846d7971abef6f9.webp)
 > Σκιτσάκι από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ flowchart TD
 
 ✅ Ένας καλός τρόπος να βρείτε repos φιλικά για αρχάριους είναι να [αναζητήσετε με την ετικέτα 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Αντιγραφή αποθετηρίου τοπικά](../../../../translated_images/el/clone_repo.5085c48d666ead57.png)
+![Αντιγραφή αποθετηρίου τοπικά](../../../../translated_images/el/clone_repo.5085c48d666ead57.webp)
 
 Υπάρχουν διάφοροι τρόποι για να αντιγράψετε κώδικα. Ένας τρόπος είναι να "κλωνοποιήσετε" τα περιεχόμενα του αποθετηρίου, χρησιμοποιώντας HTTPS, SSH ή το GitHub CLI (Διεπαφή Γραμμής Εντολών).
 
diff --git a/translations/el/1-getting-started-lessons/3-accessibility/README.md b/translations/el/1-getting-started-lessons/3-accessibility/README.md
index e8a79df18..adc5a1574 100644
--- a/translations/el/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/el/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Δημιουργία Προσβάσιμων Ιστοσελίδων
 
-![Όλα για την Προσβασιμότητα](../../../../translated_images/el/webdev101-a11y.8ef3025c858d897a.png)
+![Όλα για την Προσβασιμότητα](../../../../translated_images/el/webdev101-a11y.8ef3025c858d897a.webp)
 > Σχεδιάγραμμα από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/el/2-js-basics/1-data-types/README.md b/translations/el/2-js-basics/1-data-types/README.md
index 6ccf1bb0e..c9a6da473 100644
--- a/translations/el/2-js-basics/1-data-types/README.md
+++ b/translations/el/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Βασικά στοιχεία JavaScript: Τύποι Δεδομένων
 
-![JavaScript Basics - Data types](../../../../translated_images/el/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/el/webdev101-js-datatypes.4cc470179730702c.webp)
 > Σημείωση από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/el/2-js-basics/2-functions-methods/README.md b/translations/el/2-js-basics/2-functions-methods/README.md
index 85eea499d..f86b9f10d 100644
--- a/translations/el/2-js-basics/2-functions-methods/README.md
+++ b/translations/el/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Basics: Μέθοδοι και Συναρτήσεις
 
-![JavaScript Basics - Functions](../../../../translated_images/el/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/el/webdev101-js-functions.be049c4726e94f8b.webp)
 > Σημείωση από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/el/2-js-basics/3-making-decisions/README.md b/translations/el/2-js-basics/3-making-decisions/README.md
index 2753ca257..308b2f7a4 100644
--- a/translations/el/2-js-basics/3-making-decisions/README.md
+++ b/translations/el/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Βασικά JavaScript: Λήψη Αποφάσεων
 
-![JavaScript Basics - Making decisions](../../../../translated_images/el/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/el/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Σκέτς από [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/el/2-js-basics/4-arrays-loops/README.md b/translations/el/2-js-basics/4-arrays-loops/README.md
index 0982ced23..256b4d0c3 100644
--- a/translations/el/2-js-basics/4-arrays-loops/README.md
+++ b/translations/el/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Βασικά JavaScript: Πίνακες και Βρόχοι
 
-![Βασικά JavaScript - Πίνακες](../../../../translated_images/el/webdev101-js-arrays.439d7528b8a29455.png)
+![Βασικά JavaScript - Πίνακες](../../../../translated_images/el/webdev101-js-arrays.439d7528b8a29455.webp)
 > Σκέτς από τον/την [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/el/3-terrarium/1-intro-to-html/README.md b/translations/el/3-terrarium/1-intro-to-html/README.md
index c06462315..f797eb817 100644
--- a/translations/el/3-terrarium/1-intro-to-html/README.md
+++ b/translations/el/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Βελτίωση προσβασιμότητας: 5: Student
       Δημιουργία τεραρίου: 5: Student
 ```
-![Εισαγωγή στο HTML](../../../../translated_images/el/webdev101-html.4389c2067af68e98.png)
+![Εισαγωγή στο HTML](../../../../translated_images/el/webdev101-html.4389c2067af68e98.webp)
 > Σημείωση σκίτσου από την [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Το HTML, ή HyperText Markup Language, είναι το θεμέλιο κάθε ιστότοπου που έχετε επισκεφθεί ποτέ. Σκεφτείτε το HTML ως το σκελετό που δίνει δομή στις ιστοσελίδες – καθορίζει πού πάει το περιεχόμενο, πώς οργανώνεται και τι αντιπροσωπεύει κάθε κομμάτι. Ενώ το CSS αργότερα θα "ντύσει" το HTML σας με χρώματα και διατάξεις, και η JavaScript θα του δώσει ζωή με διαδραστικότητα, το HTML παρέχει την ουσιαστική δομή που κάνει τα πάντα δυνατά.
@@ -86,7 +86,7 @@ mindmap
 4. Στο παράθυρο Explorer, κάνε κλικ στο εικονίδιο "New File"
 5. Ονόμασε το αρχείο σου `index.html`
 
-![VS Code Explorer showing new file creation](../../../../translated_images/el/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer showing new file creation](../../../../translated_images/el/vs-code-index.e2986cf919471eb9.webp)
 
 **Επιλογή 2: Χρήση Εντολών Τερματικού**
 ```bash
diff --git a/translations/el/3-terrarium/2-intro-to-css/README.md b/translations/el/3-terrarium/2-intro-to-css/README.md
index 512968dec..498ea9a6b 100644
--- a/translations/el/3-terrarium/2-intro-to-css/README.md
+++ b/translations/el/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Ανταποκρινόμενος σχεδιασμός: 5: Student
       Αντανακλάσεις γυαλιού: 5: Student
 ```
-![Εισαγωγή στο CSS](../../../../translated_images/el/webdev101-css.3f7af5991bf53a20.png)
+![Εισαγωγή στο CSS](../../../../translated_images/el/webdev101-css.3f7af5991bf53a20.webp)
 > Σχεδιοσημείωση από την [Τομομι Ιμούρα](https://twitter.com/girlie_mac)
 
 Θυμάστε πώς φαινόταν το HTML terrarium σας αρκετά βασικό; Το CSS είναι το εργαλείο όπου μετατρέπουμε αυτήν την απλή δομή σε κάτι οπτικά ελκυστικό.
@@ -202,7 +202,7 @@ body {
 
 Ανοίξτε τα εργαλεία ανάπτυξης του περιηγητή σας (F12), πηγαίνετε στην καρτέλα Elements και επιθεωρήστε το στοιχείο `<h1>`. Θα δείτε ότι κληρονομεί την οικογένεια γραμματοσειράς από το `body`:
 
-![inherited font](../../../../translated_images/el/1.cc07a5cbe114ad1d.png)
+![inherited font](../../../../translated_images/el/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Δοκιμή Πειράματος**: Δοκιμάστε να ορίσετε άλλες κληρονομούμενες ιδιότητες στο `<body>` όπως `color`, `line-height` ή `text-align`. Τι συμβαίνει με τον τίτλο σας και άλλα στοιχεία;
 
@@ -594,7 +594,7 @@ flowchart LR
 
 Θα δημιουργήσετε διακριτικά φωτεινά σημεία που προσομοιώνουν πώς το φως αντανακλάται στις γυάλινες επιφάνειες. Αυτή η προσέγγιση είναι παρόμοια με το πώς οι ζωγράφοι της Αναγέννησης όπως ο Jan van Eyck χρησιμοποιούσαν το φως και την αντανάκλαση για να κάνουν το ζωγραφισμένο γυαλί να φαίνεται τρισδιάστατο. Αυτό στοχεύετε:
 
-![finished terrarium](../../../../translated_images/el/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/el/terrarium-final.2f07047ffc597d0a.webp)
 
 **Η πρόκλησή σας:**
 - **Δημιουργήστε** διακριτικούς λευκούς ή ανοιχτόχρωμους οβάλ σχηματισμούς για τις αντανακλάσεις του γυαλιού
diff --git a/translations/el/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/el/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 257e37eb0..7ad9e9140 100644
--- a/translations/el/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/el/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Δοκιμάστε τη λειτουργικότητα: 5: Student
       Ολοκληρώστε το terrarium: 5: Student
 ```
-![DOM και ένα closure](../../../../translated_images/el/webdev101-js.10280393044d7eaa.png)
+![DOM και ένα closure](../../../../translated_images/el/webdev101-js.10280393044d7eaa.webp)
 > Σχεδιάγραμμα από [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Καλώς ήρθατε σε μία από τις πιο συναρπαστικές πτυχές της ανάπτυξης ιστοσελίδων - το να κάνουμε τα πράγματα διαδραστικά! Το Document Object Model (DOM) είναι σαν μια γέφυρα ανάμεσα στο HTML και το JavaScript σας, και σήμερα θα το χρησιμοποιήσουμε για να δώσουμε ζωή στο terrarium σας. Όταν ο Tim Berners-Lee δημιούργησε τον πρώτο περιηγητή διαδικτύου, οραματίστηκε έναν ιστό όπου τα έγγραφα μπορούν να είναι δυναμικά και διαδραστικά - το DOM καθιστά αυτό το όραμα εφικτό.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![Αναπαράσταση δέντρου DOM](../../../../translated_images/el/dom-tree.7daf0e763cbbba92.png)
+![Αναπαράσταση δέντρου DOM](../../../../translated_images/el/dom-tree.7daf0e763cbbba92.webp)
 
 > Αναπαράσταση του DOM και του HTML markup που το αναφέρεται. Από [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Κατανόηση των Closures**: Τα closures είναι ένα σημαντικό θέμα στην JavaScript, και πολλοί προγραμματιστές τα χρησιμοποιούν χρόνια πριν κατανοήσουν πλήρως όλες τις θεωρητικές πτυχές. Σήμερα, εστιάζουμε στην πρακτική εφαρμογή - θα δείτε τα closures να προκύπτουν φυσικά καθώς χτίζουμε τις διαδραστικές λειτουργίες μας. Η κατανόηση θα αναπτυχθεί καθώς βλέπετε πώς λύνουν πραγματικά προβλήματα.
 
-![Αναπαράσταση δέντρου DOM](../../../../translated_images/el/dom-tree.7daf0e763cbbba92.png)
+![Αναπαράσταση δέντρου DOM](../../../../translated_images/el/dom-tree.7daf0e763cbbba92.webp)
 
 > Αναπαράσταση του DOM και του HTML markup που το αναφέρεται. Από [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **Διαλειτουργικότητα**: Λειτουργεί σε desktop και κινητά
 - **Επίγνωση Απόδοσης**: Χωρίς διαρροές μνήμης ή περιττούς υπολογισμούς
 
-![φινιρισμένο τεράριουμ](../../../../translated_images/el/terrarium-final.0920f16e87c13a84.png)
+![φινιρισμένο τεράριουμ](../../../../translated_images/el/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/el/3-terrarium/solution/README.md b/translations/el/3-terrarium/solution/README.md
index 30a8ee41d..92b1d472b 100644
--- a/translations/el/3-terrarium/solution/README.md
+++ b/translations/el/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Μια μικρή άσκηση drag and drop. Με λίγη HTML, JS και CSS, μπορείτε να δημιουργήσετε μια διαδικτυακή διεπαφή, να την διαμορφώσετε και να προσθέσετε αλληλεπίδραση.
 
-![το τεραριούμ μου](../../../../translated_images/el/screenshot_gray.0c796099a1f9f25e.png)
+![το τεραριούμ μου](../../../../translated_images/el/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Πιστώσεις
 
diff --git a/translations/el/5-browser-extension/1-about-browsers/README.md b/translations/el/5-browser-extension/1-about-browsers/README.md
index 3efb15546..8b1fa766a 100644
--- a/translations/el/5-browser-extension/1-about-browsers/README.md
+++ b/translations/el/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Εντοπισμός σφαλμάτων: 4: Student
       Βελτίωση εμπειρίας: 5: Student
 ```
-![Σημειώσεις σκίτσου περιηγητή](../../../../translated_images/el/browser.60317c9be8b7f84a.jpg)
+![Σημειώσεις σκίτσου περιηγητή](../../../../translated_images/el/browser.60317c9be8b7f84a.webp)
 > Σημειώσεις σκίτσου από τον [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Προ-Διάλεξη Κουίζ
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **Λίγη ιστορία**: Ο πρώτος περιηγητής ονομαζόταν 'WorldWideWeb' και δημιουργήθηκε από τον Sir Timothy Berners-Lee το 1990.
 
-![πρώιμοι περιηγητές](../../../../translated_images/el/earlybrowsers.d984b711cdf3a42d.jpg)
+![πρώιμοι περιηγητές](../../../../translated_images/el/earlybrowsers.d984b711cdf3a42d.webp)
 > Μερικοί πρώιμοι περιηγητές, μέσω της [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Πώς οι Περιηγητές Επεξεργάζονται Περιεχόμενο Ιστού
@@ -194,7 +194,7 @@ quadrantChart
 
 Η κατανόηση της διαδικασίας εγκατάστασης επέκτασης σας βοηθά να προβλέψετε την εμπειρία του χρήστη όταν κάποιος εγκαθιστά την επέκτασή σας. Η διαδικασία εγκατάστασης είναι στάνταρ για τους σύγχρονους περιηγητές, με μικρές διαφοροποιήσεις στο σχεδιασμό διεπαφής.
 
-![στιγμιότυπο οθόνης του περιηγητή Edge που δείχνει τη σελίδα open edge://extensions και το ανοιχτό μενού ρυθμίσεων](../../../../translated_images/el/install-on-edge.d68781acaf0b3d3d.png)
+![στιγμιότυπο οθόνης του περιηγητή Edge που δείχνει τη σελίδα open edge://extensions και το ανοιχτό μενού ρυθμίσεων](../../../../translated_images/el/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Σημαντικό**: Φροντίστε να ενεργοποιήσετε τη λειτουργία προγραμματιστή και να επιτρέψετε επεκτάσεις από άλλα καταστήματα όταν δοκιμάζετε τις δικές σας επεκτάσεις.
 
@@ -308,10 +308,10 @@ project-root/
 ### Επισκόπηση Προβολών Επέκτασης
 
 **Προβολή Ρυθμίσεων** - Ρύθμιση χρήστη για πρώτη φορά:
-![στιγμιότυπο οθόνης της ολοκληρωμένης επέκτασης ανοιχτής σε περιηγητή, εμφανίζοντας μια φόρμα με πεδία για όνομα περιοχής και κλειδί API.](../../../../translated_images/el/1.b6da8c1394b07491.png)
+![στιγμιότυπο οθόνης της ολοκληρωμένης επέκτασης ανοιχτής σε περιηγητή, εμφανίζοντας μια φόρμα με πεδία για όνομα περιοχής και κλειδί API.](../../../../translated_images/el/1.b6da8c1394b07491.webp)
 
 **Προβολή Αποτελεσμάτων** - Εμφάνιση δεδομένων ανθρακικού αποτυπώματος:
-![στιγμιότυπο οθόνης της ολοκληρωμένης επέκτασης που εμφανίζει τιμές για χρήση άνθρακα και ποσοστό ορυκτών καυσίμων για την περιοχή US-NEISO.](../../../../translated_images/el/2.1dae52ff08042246.png)
+![στιγμιότυπο οθόνης της ολοκληρωμένης επέκτασης που εμφανίζει τιμές για χρήση άνθρακα και ποσοστό ορυκτών καυσίμων για την περιοχή US-NEISO.](../../../../translated_images/el/2.1dae52ff08042246.webp)
 
 ### Κατασκευή της Φόρμας Ρυθμίσεων
 
diff --git a/translations/el/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/el/5-browser-extension/2-forms-browsers-local-storage/README.md
index 7146766e9..74a69d6e0 100644
--- a/translations/el/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/el/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Αφαίρεση αποθηκευμένων δεδομένων
     ClearStorage --> FirstTime: Επιστροφή στις ρυθμίσεις
 ```
-![Πεδίο τοπικής αποθήκευσης](../../../../translated_images/el/localstorage.472f8147b6a3f8d1.png)
+![Πεδίο τοπικής αποθήκευσης](../../../../translated_images/el/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Ασφαλής Εξέταση**: Σε παραγωγικές εφαρμογές, η αποθήκευση κλειδιών API στο LocalStorage εγκυμονεί κινδύνους ασφάλειας αφού ο JavaScript μπορεί να αποκτήσει πρόσβαση σε αυτά τα δεδομένα. Για εκπαιδευτικούς σκοπούς, αυτή η προσέγγιση λειτουργεί καλά, αλλά πραγματικές εφαρμογές πρέπει να χρησιμοποιούν ασφαλή αποθήκευση στον server για ευαίσθητα διαπιστευτήρια.
 
diff --git a/translations/el/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/el/5-browser-extension/3-background-tasks-and-performance/README.md
index 87972d7d6..2b3054267 100644
--- a/translations/el/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/el/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 Ας το δοκιμάσουμε. Ανοίξτε μια ιστοσελίδα (το Microsoft.com λειτουργεί καλά για αυτό) και κάντε κλικ στο κουμπί 'Εγγραφή'. Τώρα ανανεώστε τη σελίδα και παρακολουθήστε τον προφίλ να καταγράφει όσα συμβαίνουν. Όταν σταματήσετε την εγγραφή, θα δείτε μια λεπτομερή ανάλυση του πώς ο περιηγητής «γράφει σενάρια», «αποδίδει» και «ζωγραφίζει» τη σελίδα. Μου θυμίζει πώς ο κεντρικός έλεγχος αποστολής παρακολουθεί κάθε σύστημα κατά την εκτόξευση πυραύλου - λαμβάνετε δεδομένα σε πραγματικό χρόνο για το τι συμβαίνει και πότε.
 
-![Edge profiler](../../../../translated_images/el/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/el/profiler.5a4a62479c5df01c.webp)
 
 ✅ Το [Τεκμηρίωση της Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) έχει πολλές περισσότερες λεπτομέρειες αν θέλετε να εμβαθύνετε
 
@@ -133,11 +133,11 @@ flowchart LR
 
 Πάρτε ένα στιγμιότυπο της απόδοσης της σελίδας σας επιλέγοντας ένα τμήμα της χρονογραμμής και κοιτάζοντας τον πίνακα περίληψης:
 
-![Edge profiler snapshot](../../../../translated_images/el/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/el/snapshot.97750180ebcad737.webp)
 
 Ελέγξτε τον πίνακα του Ημερολογίου Γεγονότων για να δείτε αν κάποιο γεγονός κράτησε πάνω από 15 ms:
 
-![Edge event log](../../../../translated_images/el/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/el/log.804026979f3707e0.webp)
 
 ✅ Γνωρίστε τον προφίλ σας! Ανοίξτε τα εργαλεία προγραμματιστή σε αυτή την ιστοσελίδα και δείτε αν υπάρχουν στενώσεις. Ποιο είναι το πιο αργό στοιχείο στην φόρτωση; Το πιο γρήγορο;
 
diff --git a/translations/el/5-browser-extension/README.md b/translations/el/5-browser-extension/README.md
index ed360e851..5d37d28fe 100644
--- a/translations/el/5-browser-extension/README.md
+++ b/translations/el/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Ευχαριστίες
 
-![μια πράσινη επέκταση προγράμματος περιήγησης](../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![μια πράσινη επέκταση προγράμματος περιήγησης](../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ευχαριστίες
 
diff --git a/translations/el/5-browser-extension/solution/README.md b/translations/el/5-browser-extension/solution/README.md
index 712abad78..469141738 100644
--- a/translations/el/5-browser-extension/solution/README.md
+++ b/translations/el/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API C02 Signal της tmrow για την παρακολούθηση της χρήσης ηλεκτρικής ενέργειας, δημιουργήστε μια επέκταση περιηγητή ώστε να έχετε μια υπενθύμιση απευθείας στον περιηγητή σας σχετικά με το πόσο έντονη είναι η χρήση ηλεκτρικής ενέργειας στην περιοχή σας. Η χρήση αυτής της επέκτασης κατά περίπτωση θα σας βοηθήσει να λαμβάνετε αποφάσεις για τις δραστηριότητές σας βάσει αυτών των πληροφοριών.
 
-![στιγμιότυπο οθόνης επέκτασης](../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![στιγμιότυπο οθόνης επέκτασης](../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να εγκαταστήσετε την επέκταση στον Edge, χρησιμοποιήστε το μενού με τις 'τρεις τελείες' στην επάνω δεξιά γωνία του περιηγητή για να βρείτε τον πίνακα Επεκτάσεων. Από εκεί, επιλέξτε 'Φόρτωση μη συσκευασμένης' για να φορτώσετε μια νέα επέκταση. Ανοίξτε τον φάκελο 'dist' όταν σας ζητηθεί και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key για το API του CO2 Signal ([αποκτήστε ένα εδώ μέσω email](https://www.co2signal.com/) - εισάγετε το email σας στο πλαίσιο αυτής της σελίδας) και τον [κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) που αντιστοιχεί στον [Electricity Map](https://www.electricitymap.org/map) (στη Βοστώνη, για παράδειγμα, χρησιμοποιώ 'US-NEISO').
 
-![εγκατάσταση](../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![εγκατάσταση](../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Μόλις εισαχθούν το API key και η περιοχή στη διεπαφή της επέκτασης, η χρωματιστή κουκκίδα στη γραμμή επέκτασης του περιηγητή θα πρέπει να αλλάξει ώστε να αντικατοπτρίζει τη χρήση ενέργειας της περιοχής σας και να σας δώσει μια ένδειξη για το ποιες δραστηριότητες με υψηλή κατανάλωση ενέργειας θα ήταν κατάλληλες να εκτελέσετε. Η ιδέα πίσω από αυτό το σύστημα 'κουκκίδας' μου δόθηκε από την επέκταση [Energy Lollipop](https://energylollipop.com/) για τις εκπομπές της Καλιφόρνιας.
 
diff --git a/translations/el/5-browser-extension/solution/translation/README.fr.md b/translations/el/5-browser-extension/solution/translation/README.fr.md
index 2a85bfe12..0308008dc 100644
--- a/translations/el/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/el/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API C02 Signal της tmrow για την παρακολούθηση της κατανάλωσης ηλεκτρικής ενέργειας, δημιουργήστε μια επέκταση περιηγητή ώστε να έχετε μια υπενθύμιση απευθείας στον περιηγητή σας σχετικά με την κατανάλωση ηλεκτρικής ενέργειας στην περιοχή σας. Η χρήση αυτής της ειδικής επέκτασης θα σας βοηθήσει να κρίνετε τις δραστηριότητές σας με βάση αυτές τις πληροφορίες.
 
-![στιγμιότυπο της επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![στιγμιότυπο της επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να την εγκαταστήσετε στον Edge, χρησιμοποιήστε το μενού με τις 'τρεις τελείες' στην επάνω δεξιά γωνία του περιηγητή για να βρείτε τον πίνακα Επεκτάσεων. Από εκεί, επιλέξτε 'Φόρτωση αποσυμπιεσμένης επέκτασης' για να φορτώσετε μια νέα επέκταση. Ανοίξτε τον φάκελο 'dist' όταν σας ζητηθεί και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key για το API του CO2 Signal ([αποκτήστε ένα εδώ μέσω email](https://www.co2signal.com/) - εισάγετε το email σας στο πεδίο αυτής της σελίδας) και τον [κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) που αντιστοιχεί στον [Χάρτη Ηλεκτρικής Ενέργειας](https://www.electricitymap.org/map) (για παράδειγμα, στη Βοστώνη χρησιμοποιώ τον 'US-NEISO').
 
-![εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Αφού εισάγετε το API key και την περιοχή στη διεπαφή της επέκτασης, η χρωματιστή κουκκίδα στη γραμμή επέκτασης του περιηγητή θα πρέπει να αλλάζει για να αντικατοπτρίζει την κατανάλωση ενέργειας της περιοχής σας και να σας δίνει μια ένδειξη για τις ενεργοβόρες δραστηριότητες που θα ήταν κατάλληλο να εκτελέσετε. Η ιδέα πίσω από αυτό το σύστημα 'κουκκίδων' μου δόθηκε από την [επέκταση Energy Lollipop](https://energylollipop.com/) για τις εκπομπές στην Καλιφόρνια.
 
diff --git a/translations/el/5-browser-extension/solution/translation/README.hi.md b/translations/el/5-browser-extension/solution/translation/README.hi.md
index 9adbe34ce..e10f94241 100644
--- a/translations/el/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/el/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API CO2 Signal της tmrow για την παρακολούθηση της χρήσης ηλεκτρικής ενέργειας, δημιουργήθηκε μια επέκταση περιηγητή που σας υπενθυμίζει πόσο έντονη είναι η χρήση ηλεκτρικής ενέργειας στην περιοχή σας μέσω του περιηγητή σας. Η χρήση αυτής της επέκτασης μπορεί να σας βοηθήσει να λαμβάνετε αποφάσεις για τις δραστηριότητές σας με βάση αυτές τις πληροφορίες.
 
-![Στιγμιότυπο Επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![Στιγμιότυπο Επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να εγκαταστήσετε στον Edge, χρησιμοποιήστε το μενού "τρεις τελείες" στην επάνω δεξιά γωνία του περιηγητή για να βρείτε το πάνελ επεκτάσεων. Από εκεί, επιλέξτε "Φόρτωση μη συσκευασμένης επέκτασης". Στο προτρεπτικό μήνυμα, ανοίξτε τον φάκελο 'dist' και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key από το CO2 Signal ([λάβετε το μέσω email εδώ](https://www.co2signal.com/) - εισάγετε το email σας στο κουτί αυτής της σελίδας) και [τον κωδικό της περιοχής σας](http://api.electricitymap.org/v3/zones) από τον [χάρτη ηλεκτρικής ενέργειας](https://www.electricitymap.org/map) (για παράδειγμα, στη Βοστώνη, χρησιμοποιώ το 'US-NEISO').
 
-![Εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![Εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Μόλις εισαχθούν το API key και η περιοχή στη διεπαφή της επέκτασης, η χρωματιστή κουκκίδα στη γραμμή επέκτασης του περιηγητή θα πρέπει να αλλάξει ώστε να αντικατοπτρίζει τη χρήση ενέργειας της περιοχής σας και να σας δώσει έναν δείκτη για το ποιες δραστηριότητες έντονης ενέργειας είναι κατάλληλες για την απόδοσή σας. Η ιδέα πίσω από αυτό το σύστημα "κουκκίδας" μου δόθηκε από την επέκταση [Energy Lollipop](https://energylollipop.com/) για τις εκπομπές της Καλιφόρνιας.
 
diff --git a/translations/el/5-browser-extension/solution/translation/README.it.md b/translations/el/5-browser-extension/solution/translation/README.it.md
index 657e25e63..9e78f0fd2 100644
--- a/translations/el/5-browser-extension/solution/translation/README.it.md
+++ b/translations/el/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Θα χρησιμοποιηθεί το API Signal CO2 της tmrow για την παρακολούθηση της χρήσης ηλεκτρικής ενέργειας, ώστε να δημιουργηθεί μια επέκταση για το πρόγραμμα περιήγησης που θα παρέχει υπενθυμίσεις απευθείας στον περιηγητή σας σχετικά με το πόσο επιβαρυμένη είναι η χρήση ηλεκτρικής ενέργειας στην περιοχή σας. Η χρήση αυτής της ειδικής επέκτασης θα βοηθήσει στην αξιολόγηση των δραστηριοτήτων σας με βάση αυτές τις πληροφορίες.
 
-![στιγμιότυπο οθόνης της επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![στιγμιότυπο οθόνης της επέκτασης](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για εγκατάσταση στον Edge, χρησιμοποιήστε το μενού "τρεις τελείες" στην επάνω δεξιά γωνία του προγράμματος περιήγησης για να βρείτε τον πίνακα Επεκτάσεις. Εάν δεν είναι ήδη ενεργοποιημένη, ενεργοποιήστε τη Λειτουργία προγραμματιστή (κάτω αριστερά). Επιλέξτε "Φόρτωση μη συμπιεσμένου" για να φορτώσετε μια νέα επέκταση. Ανοίξτε τον φάκελο "dist" στο prompt και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key για το API του CO2 Signal (μπορείτε [να το αποκτήσετε μέσω email εδώ](https://www.co2signal.com/) - εισάγετε το email σας στο πεδίο αυτής της σελίδας) και τον [κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) που αντιστοιχεί στον [ηλεκτρικό χάρτη](https://www.electricitymap.org/map) (για παράδειγμα, στη Βοστώνη, "US-NEISO").
 
-![εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![εγκατάσταση](../../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Μόλις εισαχθούν το API key και η περιοχή στη διεπαφή της επέκτασης, το χρωματιστό σημείο στη γραμμή της επέκτασης του προγράμματος περιήγησης θα πρέπει να αλλάξει για να αντικατοπτρίζει τη χρήση ενέργειας της περιοχής και να παρέχει μια ένδειξη για το ποιες δραστηριότητες υψηλής κατανάλωσης ενέργειας θα ήταν κατάλληλες να εκτελεστούν. Η ιδέα πίσω από αυτό το σύστημα "σημείων" έχει εμπνευστεί από την [επέκταση Energy Lollipop](https://energylollipop.com/) για τις εκπομπές της Καλιφόρνιας.
 
diff --git a/translations/el/5-browser-extension/solution/translation/README.ja.md b/translations/el/5-browser-extension/solution/translation/README.ja.md
index 9eb1106de..bd77adb78 100644
--- a/translations/el/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/el/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API CO2 Signal της tmrow, θα δημιουργήσουμε μια επέκταση περιηγητή που εμφανίζει υπενθυμίσεις σχετικά με το πόση ενέργεια καταναλώνεται στην περιοχή σας. Αυτή η πληροφορία θα σας βοηθήσει να λαμβάνετε αποφάσεις για τις δραστηριότητές σας με βάση την κατανάλωση ενέργειας.
 
-![extension screenshot](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Εισαγωγή
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να την εγκαταστήσετε στον Edge, βρείτε το πάνελ "Επεκτάσεις" από το μενού με τις "τρεις τελείες" στην επάνω δεξιά γωνία του περιηγητή. Από εκεί, επιλέξτε "Load Unpacked" και φορτώστε τη νέα επέκταση. Όταν σας ζητηθεί, ανοίξτε τον φάκελο "dist" και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API Key για το CO2 Signal ([αποκτήστε ένα εδώ μέσω email](https://www.co2signal.com/) - εισάγετε το email σας στο πλαίσιο αυτής της σελίδας) και τον [κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) από τον [Electricity Map](https://www.electricitymap.org/map) (για παράδειγμα, για τη Βοστώνη χρησιμοποιείται το 'US-NEISO').
 
-![installing](../../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Αφού εισαγάγετε το API Key και την περιοχή στη διεπαφή της επέκτασης, μια χρωματιστή κουκκίδα θα εμφανιστεί στη γραμμή επέκτασης του περιηγητή σας. Η κουκκίδα αυτή θα αλλάζει χρώμα, αντικατοπτρίζοντας την κατανάλωση ενέργειας στην περιοχή σας, και θα σας βοηθά να αποφασίσετε ποιες δραστηριότητες που απαιτούν ενέργεια είναι κατάλληλες να πραγματοποιηθούν. Η ιδέα αυτού του "συστήματος κουκκίδας" προέρχεται από την επέκταση [Energy Lollipop](https://energylollipop.com/) για τις εκπομπές στην Καλιφόρνια.
 
diff --git a/translations/el/5-browser-extension/solution/translation/README.ms.md b/translations/el/5-browser-extension/solution/translation/README.ms.md
index 1c5cf5160..5a909376b 100644
--- a/translations/el/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/el/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API CO2 Signal της tmrow για την παρακολούθηση της κατανάλωσης ηλεκτρικής ενέργειας, δημιουργήστε μια επέκταση περιηγητή ώστε να λαμβάνετε ειδοποιήσεις στον περιηγητή σας σχετικά με το πόσο έντονη είναι η κατανάλωση ηλεκτρικής ενέργειας στην περιοχή σας. Η χρήση αυτής της επέκτασης μπορεί να σας βοηθήσει να λαμβάνετε αποφάσεις για τις δραστηριότητές σας με βάση αυτές τις πληροφορίες.
 
-![στιγμιότυπο οθόνης της επέκτασης περιηγητή](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![στιγμιότυπο οθόνης της επέκτασης περιηγητή](../../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να την εγκαταστήσετε στον Edge, χρησιμοποιήστε το μενού με τις 'τρεις τελείες' στην επάνω δεξιά γωνία του περιηγητή για να βρείτε τον πίνακα Επεκτάσεων. Από εκεί, επιλέξτε 'Load Unpacked' για να φορτώσετε τη νέα επέκταση. Ανοίξτε τον φάκελο 'dist' όταν σας ζητηθεί και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key για το API CO2 Signal ([αποκτήστε ένα εδώ μέσω email](https://www.co2signal.com/) - εισάγετε το email σας στο πεδίο της σελίδας) και [έναν κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) που αντιστοιχεί στον [Χάρτη Ηλεκτρικής Ενέργειας](https://www.electricitymap.org/map) (για παράδειγμα, στη Βοστώνη, χρησιμοποιώ το 'US-NEISO').
 
-![κατέβασμα](../../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![κατέβασμα](../../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Αφού εισαγάγετε το API key και την περιοχή στη διεπαφή της επέκτασης, η χρωματιστή κουκκίδα στη γραμμή της επέκτασης του περιηγητή θα αλλάζει για να αντικατοπτρίζει την κατανάλωση ενέργειας της περιοχής σας και θα σας δίνει ενδείξεις για το ποιες δραστηριότητες είναι κατάλληλες να κάνετε. Η ιδέα πίσω από αυτό το σύστημα 'κουκκίδων' μου δόθηκε από την [ενεργειακή επέκταση περιηγητή Lollipop](https://energylollipop.com/) για τις εκπομπές στην Καλιφόρνια.
 
diff --git a/translations/el/5-browser-extension/start/README.md b/translations/el/5-browser-extension/start/README.md
index 6ef5e041c..b45359a4a 100644
--- a/translations/el/5-browser-extension/start/README.md
+++ b/translations/el/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Χρησιμοποιώντας το API C02 Signal της tmrow για την παρακολούθηση της κατανάλωσης ηλεκτρικής ενέργειας, δημιουργήστε μια επέκταση περιηγητή ώστε να έχετε μια υπενθύμιση απευθείας στον περιηγητή σας σχετικά με το πόσο βαριά είναι η κατανάλωση ηλεκτρικής ενέργειας στην περιοχή σας. Η περιστασιακή χρήση αυτής της επέκτασης θα σας βοηθήσει να λαμβάνετε αποφάσεις για τις δραστηριότητές σας με βάση αυτές τις πληροφορίες.
 
-![screenshot επέκτασης](../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot επέκτασης](../../../../translated_images/el/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Ξεκινώντας
 
@@ -31,7 +31,7 @@ npm run build
 
 Για να εγκαταστήσετε την επέκταση στον Edge, χρησιμοποιήστε το μενού με τις 'τρεις τελείες' στην επάνω δεξιά γωνία του περιηγητή για να βρείτε τον πίνακα Επεκτάσεων. Από εκεί, επιλέξτε 'Φόρτωση μη συσκευασμένης' για να φορτώσετε μια νέα επέκταση. Ανοίξτε τον φάκελο 'dist' όταν σας ζητηθεί και η επέκταση θα φορτωθεί. Για να τη χρησιμοποιήσετε, θα χρειαστείτε ένα API key για το API του CO2 Signal ([αποκτήστε ένα εδώ μέσω email](https://www.co2signal.com/) - εισάγετε το email σας στο πλαίσιο αυτής της σελίδας) και τον [κωδικό για την περιοχή σας](http://api.electricitymap.org/v3/zones) που αντιστοιχεί στον [Χάρτη Ηλεκτρικής Ενέργειας](https://www.electricitymap.org/map) (για παράδειγμα, στη Βοστώνη χρησιμοποιώ τον 'US-NEISO').
 
-![εγκατάσταση](../../../../translated_images/el/install-on-edge.78634f02842c4828.png)
+![εγκατάσταση](../../../../translated_images/el/install-on-edge.78634f02842c4828.webp)
 
 Μόλις εισάγετε το API key και την περιοχή στη διεπαφή της επέκτασης, η χρωματιστή κουκκίδα στη γραμμή εργαλείων της επέκτασης του περιηγητή θα αλλάξει για να αντικατοπτρίζει την κατανάλωση ενέργειας της περιοχής σας και να σας δώσει μια ένδειξη για το ποιες δραστηριότητες με υψηλή κατανάλωση ενέργειας είναι κατάλληλες να εκτελέσετε. Η ιδέα πίσω από αυτό το σύστημα 'κουκκίδας' μου δόθηκε από την [επέκταση Energy Lollipop](https://energylollipop.com/) για τις εκπομπές της Καλιφόρνια.
 
diff --git a/translations/el/6-space-game/2-drawing-to-canvas/README.md b/translations/el/6-space-game/2-drawing-to-canvas/README.md
index 3cebda6a2..50ebe427d 100644
--- a/translations/el/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/el/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![το πλέγμα του καμβά](../../../../translated_images/el/canvas_grid.5f209da785ded492.png)
+![το πλέγμα του καμβά](../../../../translated_images/el/canvas_grid.5f209da785ded492.webp)
 > Εικόνα από [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Για να σχεδιάσετε στο στοιχείο καμβά, θα ακολουθήσετε την ίδια διαδικασία τριών βημάτων που αποτελεί τη βάση όλων των γραφικών καμβά. Μόλις το κάνετε μερικές φορές, γίνεται δεύτερη φύση:
@@ -323,11 +323,11 @@ flowchart TD
 
 - Πλοίο ήρωα
 
-   ![Πλοίο ήρωα](../../../../translated_images/el/player.dd24c1afa8c71e9b.png)
+   ![Πλοίο ήρωα](../../../../translated_images/el/player.dd24c1afa8c71e9b.webp)
 
 - Μονάδα 5*5 τεράτων
 
-   ![Πλοίο τέρατος](../../../../translated_images/el/enemyShip.5df2a822c16650c2.png)
+   ![Πλοίο τέρατος](../../../../translated_images/el/enemyShip.5df2a822c16650c2.webp)
 
 ### Προτεινόμενα βήματα για να ξεκινήσετε την ανάπτυξη
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Το τελικό αποτέλεσμα θα πρέπει να μοιάζει ως εξής:
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/el/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/el/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Λύση
 
diff --git a/translations/el/6-space-game/5-keeping-score/README.md b/translations/el/6-space-game/5-keeping-score/README.md
index 92825578d..6d515e1b1 100644
--- a/translations/el/6-space-game/5-keeping-score/README.md
+++ b/translations/el/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Σύστημα σκοραρίσματος**: Κάθε εχθρικό πλοίο που καταστρέφεται δίνει 100 πόντους (οι στρογγυλοί αριθμοί είναι πιο εύκολοι για τον παίκτη να υπολογίζει νοητικά). Το σκορ εμφανίζεται στην κάτω αριστερή γωνία.
-- **Μετρητής ζωών**: Ο ήρωάς σου ξεκινά με τρεις ζωές - ένα πρότυπο που καθιερώθηκε από τα πρώιμα arcade παιχνίδια για να ισορροπήσει την πρόκληση με το παικτικό ενδιαφέρον. Κάθε σύγκρουση με εχθρό κοστίζει μια ζωή. Οι εναπομείνασες ζωές εμφανίζονται κάτω δεξιά με εικονίδια πλοίων ![life image](../../../../translated_images/el/life.6fb9f50d53ee0413.png).
+- **Μετρητής ζωών**: Ο ήρωάς σου ξεκινά με τρεις ζωές - ένα πρότυπο που καθιερώθηκε από τα πρώιμα arcade παιχνίδια για να ισορροπήσει την πρόκληση με το παικτικό ενδιαφέρον. Κάθε σύγκρουση με εχθρό κοστίζει μια ζωή. Οι εναπομείνασες ζωές εμφανίζονται κάτω δεξιά με εικονίδια πλοίων ![life image](../../../../translated_images/el/life.6fb9f50d53ee0413.webp).
 
 ## Ας Ξεκινήσουμε!
 
diff --git a/translations/el/7-bank-project/1-template-route/README.md b/translations/el/7-bank-project/1-template-route/README.md
index 5bad54661..cfee6d51f 100644
--- a/translations/el/7-bank-project/1-template-route/README.md
+++ b/translations/el/7-bank-project/1-template-route/README.md
@@ -645,7 +645,7 @@ sequenceDiagram
 
 Η χρήση του `history.pushState` δημιουργεί νέες καταχωρήσεις στο ιστορικό πλοήγησης. Μπορείτε να το ελέγξετε κρατώντας πατημένο το *κουμπί πίσω* του προγράμματος περιήγησης, θα εμφανιστεί κάτι παρόμοιο με αυτό:
 
-![Screenshot of navigation history](../../../../translated_images/el/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/el/history.7fdabbafa521e064.webp)
 
 Αν δοκιμάσετε να πατήσετε το κουμπί πίσω μερικές φορές, θα δείτε ότι αλλάζει το τρέχον URL και το ιστορικό ενημερώνεται, αλλά το ίδιο πρότυπο συνεχίζει να εμφανίζεται.
 
diff --git a/translations/el/7-bank-project/2-forms/README.md b/translations/el/7-bank-project/2-forms/README.md
index 4eaf877b7..15c9971f8 100644
--- a/translations/el/7-bank-project/2-forms/README.md
+++ b/translations/el/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. Παρατηρήστε τις αλλαγές στη γραμμή διευθύνσεων του browser
 3. Δείτε πώς η σελίδα φορτώνει ξανά και εμφανίζονται δεδομένα στο URL
 
-![Screenshot of the browser's URL change after clicking the Register button](../../../../translated_images/el/click-register.e89a30bf0d4bc9ca.png)
+![Screenshot of the browser's URL change after clicking the Register button](../../../../translated_images/el/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Σύγκριση Μεθόδων HTTP
 
@@ -346,7 +346,7 @@ graph TD
 2. **Κάντε κλικ** στο κουμπί "Δημιουργία Λογαριασμού"
 3. **Παρατηρήστε** την απόκριση του διακομιστή στον browser σας
 
-![A browser window at the address localhost:5000/api/accounts, showing a JSON string with user data](../../../../translated_images/el/form-post.61de4ca1b964d91a.png)
+![A browser window at the address localhost:5000/api/accounts, showing a JSON string with user data](../../../../translated_images/el/form-post.61de4ca1b964d91a.webp)
 
 **Τι πρέπει να δείτε:**
 - **Ο browser ανακατευθύνει** στη διεύθυνση endpoint του API
@@ -609,7 +609,7 @@ async function register() {
 3. **Πατήστε** "Create Account"
 4. **Παρατηρήστε** τα μηνύματα της κονσόλας και το feedback προς το χρήστη
 
-![Screenshot showing log message in the browser console](../../../../translated_images/el/browser-console.efaf0b51aaaf6778.png)
+![Screenshot showing log message in the browser console](../../../../translated_images/el/browser-console.efaf0b51aaaf6778.webp)
 
 **Τι θα δείτε:**
 - **Κατάσταση φόρτωσης** εμφανίζεται στο κουμπί υποβολής
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **Δοκιμάστε** ειδικούς χαρακτήρες στο πεδίο ονόματος χρήστη
 4. **Πληκτρολογήστε** αρνητικό ποσό υπολοίπου
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/el/validation-error.8bd23e98d416c22f.png)
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/el/validation-error.8bd23e98d416c22f.webp)
 
 **Τι θα παρατηρήσετε:**
 - **Ο browser εμφανίζει** ενσωματωμένα μηνύματα επικύρωσης
@@ -943,7 +943,7 @@ timeline
 
 Παρακάτω είναι ένα παράδειγμα για το πως μπορεί να μοιάζει η τελική σελίδα σύνδεσης μετά από λίγη διαμόρφωση στυλ:
 
-![Στιγμιότυπο οθόνης της σελίδας σύνδεσης μετά την προσθήκη στυλ CSS](../../../../translated_images/el/result.96ef01f607bf856a.png)
+![Στιγμιότυπο οθόνης της σελίδας σύνδεσης μετά την προσθήκη στυλ CSS](../../../../translated_images/el/result.96ef01f607bf856a.webp)
 
 ## Μετά την Διάλεξη Quiz
 
diff --git a/translations/el/7-bank-project/3-data/README.md b/translations/el/7-bank-project/3-data/README.md
index 9af376063..e5bff5ddd 100644
--- a/translations/el/7-bank-project/3-data/README.md
+++ b/translations/el/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Επιστρέφει πλήρη σελίδα HTML
     Browser->>User: Εμφανίζει νέα σελίδα (αστραπή/επανεκκίνηση)
 ```  
-![Ροή εργασίας ενημέρωσης σε εφαρμογή πολλών σελίδων](../../../../translated_images/el/mpa.7f7375a1a2d4aa77.png)
+![Ροή εργασίας ενημέρωσης σε εφαρμογή πολλών σελίδων](../../../../translated_images/el/mpa.7f7375a1a2d4aa77.webp)
 
 **Γιατί αυτή η προσέγγιση φαινόταν αδέξια:**  
 - Κάθε κλικ σήμαινε ανακατασκευή ολόκληρης της σελίδας από την αρχή  
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Ενημερώνει συγκεκριμένα στοιχεία σελίδας
     Browser->>User: Εμφανίζει ενημερωμένο περιεχόμενο (χωρίς ανανέωση)
 ```  
-![Ροή εργασίας ενημέρωσης σε εφαρμογή μίας σελίδας](../../../../translated_images/el/spa.268ec73b41f992c2.png)
+![Ροή εργασίας ενημέρωσης σε εφαρμογή μίας σελίδας](../../../../translated_images/el/spa.268ec73b41f992c2.webp)
 
 **Γιατί οι SPA φαίνονται πολύ καλύτερες:**  
 - Ενημερώνει μόνο τα μέρη που πραγματικά άλλαξαν (έξυπνο, έτσι;)  
@@ -516,7 +516,7 @@ if (data.error) {
 
 Τώρα, όταν δοκιμάζετε με έναν άκυρο λογαριασμό, θα δείτε ένα χρήσιμο μήνυμα σφάλματος απευθείας στη σελίδα!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/el/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/el/login-error.416fe019b36a6327.webp)
 
 #### Βήμα 4: Να Είστε Περιεκτικοί με την Προσβασιμότητα
 
@@ -950,7 +950,7 @@ timeline
 
  Να πώς θα μπορούσε να μοιάζει ένα τελειοποιημένο dashboard:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/el/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/el/screen2.123c82a831a1d14a.webp)
 
 Μην νιώθετε ότι πρέπει να το αντιγράψετε ακριβώς - χρησιμοποιήστε το ως έμπνευση και κάντε το δικό σας!
 
diff --git a/translations/el/7-bank-project/4-state-management/README.md b/translations/el/7-bank-project/4-state-management/README.md
index 5e260985d..3a62c03c5 100644
--- a/translations/el/7-bank-project/4-state-management/README.md
+++ b/translations/el/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 Αντί να κυνηγάμε την ουρά μας, θα δημιουργήσουμε ένα **κεντρικό σύστημα διαχείρισης κατάστασης**. Σκεφτείτε το σαν να έχετε ένα πραγματικά οργανωμένο άτομο υπεύθυνο για όλα τα σημαντικά:
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/el/data-flow.fa2354e0908fecc8.png)
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/el/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ timeline
 
 Εδώ ένα παράδειγμα αποτελέσματος μετά την ολοκλήρωση της ανάθεσης:
 
-![Στιγμιότυπο που δείχνει παράδειγμα διαλόγου "Προσθήκη συναλλαγής"](../../../../translated_images/el/dialog.93bba104afeb79f1.png)
+![Στιγμιότυπο που δείχνει παράδειγμα διαλόγου "Προσθήκη συναλλαγής"](../../../../translated_images/el/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/el/7-bank-project/4-state-management/assignment.md b/translations/el/7-bank-project/4-state-management/assignment.md
index 6d399d1b2..a8e6d48f6 100644
--- a/translations/el/7-bank-project/4-state-management/assignment.md
+++ b/translations/el/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **Αναμενόμενο Αποτέλεσμα:**
 Μετά την ολοκλήρωση αυτής της εργασίας, η τραπεζική σας εφαρμογή θα πρέπει να διαθέτει ένα πλήρως λειτουργικό χαρακτηριστικό "Προσθήκη Συναλλαγής" που φαίνεται και λειτουργεί επαγγελματικά:
 
-![Στιγμιότυπο οθόνης που δείχνει ένα παράδειγμα διαλόγου "Προσθήκη Συναλλαγής"](../../../../translated_images/el/dialog.93bba104afeb79f1.png)
+![Στιγμιότυπο οθόνης που δείχνει ένα παράδειγμα διαλόγου "Προσθήκη Συναλλαγής"](../../../../translated_images/el/dialog.93bba104afeb79f1.webp)
 
 ## Δοκιμή της Υλοποίησής σας
 
diff --git a/translations/el/7-bank-project/README.md b/translations/el/7-bank-project/README.md
index 077e4d1ea..907945aa9 100644
--- a/translations/el/7-bank-project/README.md
+++ b/translations/el/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Σε αυτό το έργο, θα μάθετε πώς να δημιουργήσετε μια φανταστική τράπεζα. Αυτά τα μαθήματα περιλαμβάνουν οδηγίες για το πώς να σχεδιάσετε μια web εφαρμογή και να παρέχετε διαδρομές, να δημιουργήσετε φόρμες, να διαχειριστείτε την κατάσταση (state) και να ανακτήσετε δεδομένα από ένα API από το οποίο μπορείτε να αντλήσετε τα δεδομένα της τράπεζας.
 
-| ![Screen1](../../../translated_images/el/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/el/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/el/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/el/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Μαθήματα
diff --git a/translations/el/8-code-editor/1-using-a-code-editor/README.md b/translations/el/8-code-editor/1-using-a-code-editor/README.md
index cd9a2e79d..1e66d49bf 100644
--- a/translations/el/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/el/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ mindmap
 
 Μόλις φορτώσει όλα, θα δείτε έναν καθαρό χώρο εργασίας σχεδιασμένο να σας κρατάει συγκεντρωμένους σε αυτό που έχει σημασία – τον κώδικά σας!
 
-![Προεπιλεγμένη διεπαφή VSCode.dev](../../../../translated_images/el/default-vscode-dev.5d06881d65c1b323.png)
+![Προεπιλεγμένη διεπαφή VSCode.dev](../../../../translated_images/el/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Ας κάνουμε μια βόλτα στη γειτονιά:**  
 - **Μπάρα Δραστηριοτήτων** (η γραμμή αριστερά): Η κύρια πλοήγησή σας με τον Εξερευνητή 📁, Αναζήτηση 🔍, Έλεγχο Πηγής 🌿, Επεκτάσεις 🧩, και Ρυθμίσεις ⚙️  
@@ -229,7 +229,7 @@ flowchart TB
 1. Πλοηγηθείτε στο [vscode.dev](https://vscode.dev) αν δεν είστε ήδη εκεί  
 2. Βρείτε το κουμπί "Άνοιγμα Αποθετηρίου Απομακρυσμένα" στην οθόνη υποδοχής και κάντε κλικ  
 
-   ![Άνοιγμα απομακρυσμένου αποθετηρίου](../../../../translated_images/el/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Άνοιγμα απομακρυσμένου αποθετηρίου](../../../../translated_images/el/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Επικολλήστε οποιοδήποτε URL αποθετηρίου GitHub (δοκιμάστε αυτό: `https://github.com/microsoft/Web-Dev-For-Beginners`)  
 4. Πατήστε Enter και δείτε τη μαγεία να συμβαίνει!
@@ -238,7 +238,7 @@ flowchart TB
 
 Θέλετε να νιώσετε σαν μάγος της κωδικοποίησης; Δοκιμάστε αυτήν τη συντόμευση πληκτρολογίου: Ctrl+Shift+P (ή Cmd+Shift+P στο Mac) για να ανοίξετε το Command Palette:
 
-![Command Palette](../../../../translated_images/el/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/el/palette-menu.4946174e07f42622.webp)
 
 **Το Command Palette είναι σαν μια μηχανή αναζήτησης για οτιδήποτε μπορείτε να κάνετε:**  
 - Πληκτρολογήστε "open remote" και θα βρει το εργαλείο ανοίγματος αποθετηρίου για εσάς  
@@ -300,7 +300,7 @@ flowchart TB
 3. Εισάγετε το όνομα αρχείου μαζί με την κατάλληλη επέκταση (`style.css`, `script.js`, `index.html`)  
 4. Πατήστε Enter για να δημιουργήσετε το αρχείο  
 
-![Δημιουργία νέου αρχείου](../../../../translated_images/el/create-new-file.2814e609c2af9aeb.png)
+![Δημιουργία νέου αρχείου](../../../../translated_images/el/create-new-file.2814e609c2af9aeb.webp)
 
 **Συμβουλές ονοματοδοσίας:**  
 - Χρησιμοποιήστε περιγραφικά ονόματα που δείχνουν τον σκοπό του αρχείου  
@@ -318,7 +318,7 @@ flowchart TB
 2. Ξεκινήστε να πληκτρολογείτε και δείτε τον VSCode.dev να σας βοηθάει με χρώματα, προτάσεις και ανίχνευση σφαλμάτων  
 3. Αποθηκεύστε τη δουλειά σας με Ctrl+S (Windows/Linux) ή Cmd+S (Mac) – παρόλο που αποθηκεύει αυτόματα!
 
-![Επεξεργασία αρχείων στο VSCode.dev](../../../../translated_images/el/edit-a-file.52c0ee665ef19f08.png)
+![Επεξεργασία αρχείων στο VSCode.dev](../../../../translated_images/el/edit-a-file.52c0ee665ef19f08.webp)
 
 **Τα ωραία πράγματα που συμβαίνουν ενώ γράφετε κώδικα:**  
 - Ο κώδικάς σας χρωματίζεται όμορφα και είναι εύκολος στην ανάγνωση  
@@ -339,7 +339,7 @@ flowchart TB
 2. Τα τροποποιημένα αρχεία εμφανίζονται στην ενότητα "Αλλαγές"  
 3. Ο χρωματισμός δείχνει το είδος των αλλαγών: πράσινο για προσθήκες, κόκκινο για διαγραφές  
 
-![Προβολή αλλαγών στον Έλεγχο Πηγής](../../../../translated_images/el/working-tree.c58eec08e6335c79.png)
+![Προβολή αλλαγών στον Έλεγχο Πηγής](../../../../translated_images/el/working-tree.c58eec08e6335c79.webp)
 
 **Αποθήκευση της δουλειάς σας (η ροή commit):**
 
@@ -431,7 +431,7 @@ mindmap
 2. Περιηγηθείτε ή αναζητήστε κάτι συγκεκριμένο
 3. Κάντε κλικ σε οτιδήποτε σας φαίνεται ενδιαφέρον για να μάθετε περισσότερα
 
-![Περιβάλλον αγοράς επεκτάσεων](../../../../translated_images/el/extensions.eca0e0c7f59a10b5.png)
+![Περιβάλλον αγοράς επεκτάσεων](../../../../translated_images/el/extensions.eca0e0c7f59a10b5.webp)
 
 **Τι θα δείτε εκεί μέσα:**
 
@@ -484,7 +484,7 @@ mindmap
 3. Επιλέξτε "Extension Settings" από το αναδυόμενο μενού
 4. Τροποποιήστε ό,τι θέλετε μέχρι να είναι όπως προτιμάτε
 
-![Προσαρμογή ρυθμίσεων επέκτασης](../../../../translated_images/el/extension-settings.21c752ae4f4cdb78.png)
+![Προσαρμογή ρυθμίσεων επέκτασης](../../../../translated_images/el/extension-settings.21c752ae4f4cdb78.webp)
 
 **Συνηθισμένα πράγματα που μπορεί να θέλετε να ρυθμίσετε:**
 - Πώς μορφοποιείται ο κώδικάς σας (tabs ή κενά, μήκος γραμμής κ.λπ.)
diff --git a/translations/el/8-code-editor/1-using-a-code-editor/assignment.md b/translations/el/8-code-editor/1-using-a-code-editor/assignment.md
index b65ae27dd..116907573 100644
--- a/translations/el/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/el/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **Γράψτε** ένα μήνυμα commit: "Προσθήκη αρχικής δομής HTML"
 5. **Κάντε κλικ** στο "Commit new file" για να αποθηκεύσετε τις αλλαγές σας
 
-![Δημιουργία αρχικού αρχείου στο GitHub](../../../../translated_images/el/new-file-github.com.c886796d800e8056.png)
+![Δημιουργία αρχικού αρχείου στο GitHub](../../../../translated_images/el/new-file-github.com.c886796d800e8056.webp)
 
 **Τι επιτυγχάνει αυτή η αρχική ρύθμιση:**
 - **Καθιερώνει** σωστή δομή εγγράφου HTML5 με στοιχεία με νόημα
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **Δείκτης επιτυχίας**: Θα πρέπει να δείτε τα αρχεία του project σας στην πλαϊνή μπάρα του Explorer και το `index.html` διαθέσιμο για επεξεργασία στην κύρια περιοχή του editor.
 
-![Project φορτωμένο στο VSCode.dev](../../../../translated_images/el/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Project φορτωμένο στο VSCode.dev](../../../../translated_images/el/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Τι θα δείτε στη διεπαφή:**
 - **Πλαϊνή μπάρα Explorer**: **Εμφανίζει** τα αρχεία και τη δομή φακέλων του αποθετηρίου σας
@@ -448,7 +448,7 @@ li:before {
 **Άμεσα αποτελέσματα μετά την εγκατάσταση:**
 Μόλις εγκατασταθεί το CodeSwing, θα δείτε μια ζωντανή προεπισκόπηση της ιστοσελίδας βιογραφικού σας να εμφανίζεται στον editor. Αυτό σας επιτρέπει να δείτε ακριβώς πώς φαίνεται η ιστοσελίδα σας καθώς κάνετε αλλαγές.
 
-![Η επέκταση CodeSwing δείχνει ζωντανή προεπισκόπηση](../../../../translated_images/el/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Η επέκταση CodeSwing δείχνει ζωντανή προεπισκόπηση](../../../../translated_images/el/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Κατανόηση της βελτιωμένης διεπαφής:**
 - **Διαχωρισμένη προβολή**: **Δείχνει** τον κώδικα στη μία πλευρά και τη ζωντανή προεπισκόπηση στην άλλη
diff --git a/translations/el/9-chat-project/README.md b/translations/el/9-chat-project/README.md
index a57591cf1..ef2d60044 100644
--- a/translations/el/9-chat-project/README.md
+++ b/translations/el/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Δείτε πώς θα μοιάζει το τελικό σας έργο:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/el/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/el/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Το Ταξίδι Μάθησής σας Μέσα από την Ανάπτυξη Εφαρμογών AI
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Κεντρική Αρχή**: Η ανάπτυξη εφαρμογών AI συνδυάζει τις παραδοσιακές δεξιότητες ανάπτυξης web με την ολοκλήρωση υπηρεσιών AI, δημιουργώντας έξυπνες εφαρμογές που φαίνονται φυσικές και ανταποκρίνονται στους χρήστες.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/el/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/el/playground.d2b927122224ff8f.webp)
 
 **Τι κάνει το playground τόσο χρήσιμο:**
 - **Δοκιμάστε** διαφορετικά μοντέλα AI όπως GPT-4o-mini, Claude και άλλα (όλα δωρεάν!)
@@ -199,7 +199,7 @@ mindmap
 
 Μόλις παίξετε λίγο, απλώς επιλέξτε την καρτέλα "Code" και διαλέξτε τη γλώσσα προγραμματισμού σας για να πάρετε τον κώδικα υλοποίησης που χρειάζεστε.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/el/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/el/playground-choice.1d23ba7d407f4758.webp)
 
 ## Ρύθμιση της Ολοκλήρωσης Backend με Python
 
@@ -2353,14 +2353,14 @@ mindmap
 - **Πλοηγηθείτε** στο [Web Dev For Beginners αποθετήριο](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Κάντε κλικ** στο "Use this template" στην πάνω δεξιά γωνία (βεβαιωθείτε ότι έχετε συνδεθεί στο GitHub)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/el/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/el/template.67ad477109d29a2b.webp)
 
 **Βήμα 2: Εκκίνηση Codespaces**  
 - **Ανοίξτε** το νεοδημιουργημένο αποθετήριο σας  
 - **Κάντε κλικ** στο πράσινο κουμπί "Code" και επιλέξτε "Codespaces"  
 - **Επιλέξτε** "Create codespace on main" για να ξεκινήσετε το αναπτυξιακό σας περιβάλλον  
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/el/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/el/codespace.bcecbdf5d2747d3d.webp)
 
 **Βήμα 3: Ρύθμιση Περιβάλλοντος**  
 Μόλις φορτώσει ο Codespace σας, θα έχετε πρόσβαση σε:  
diff --git a/translations/el/README.md b/translations/el/README.md
index d63291ea5..7d9225e5d 100644
--- a/translations/el/README.md
+++ b/translations/el/README.md
@@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 Επισκεφθείτε [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε!
 
-![Background](../../translated_images/el/background.148a8d43afde5730.png)
+![Background](../../translated_images/el/background.148a8d43afde5730.webp)
 
 - Μαθήματα που καλύπτουν από βασικά μέχρι RAG.
 - Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας GenAI και την εφαρμογή συνοδού μας.
 - Διασκεδαστικό και συναρπαστικό αφήγημα, θα ταξιδεύετε στο χρόνο!
 
-![character](../../translated_images/el/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/el/character.5c0dd8e067ffd693.webp)
 
 
 Κάθε μάθημα περιλαμβάνει μια εργασία για ολοκλήρωση, έναν έλεγχο γνώσεων και μια πρόκληση για να σας καθοδηγήσει στη μάθηση θεμάτων όπως:
@@ -115,7 +115,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Στο αντίγραφό σας αυτού του αποθετηρίου που δημιουργήσατε, κάντε κλικ στο κουμπί **Code** και επιλέξτε **Open with Codespaces**. Αυτό θα δημιουργήσει ένα νέο Codespace για να εργαστείτε μέσα.
 
-![Codespace](../../translated_images/el/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/el/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Εκτέλεση του προγράμματος σπουδών τοπικά στον υπολογιστή σας
 
diff --git a/translations/el/for-teachers.md b/translations/el/for-teachers.md
index a2677c69f..a97801542 100644
--- a/translations/el/for-teachers.md
+++ b/translations/el/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Το Moodle Cloud έχει περιορισμένη υποστήριξη Common Cartridge. Προτιμήστε το αρχείο Moodle παραπάνω, το οποίο μπορεί επίσης να μεταφορτωθεί στο Canvas.
   - Μετά την εισαγωγή, ελέγξτε τα modules, τις ημερομηνίες λήξης και τις ρυθμίσεις κουίζ ώστε να ταιριάζουν με το πρόγραμμα του εξαμήνου σας.
 
-![Moodle](../../translated_images/el/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/el/moodle.94eb93d714a50cb2.webp)
 > Το πρόγραμμα σπουδών σε μια τάξη Moodle
 
-![Canvas](../../translated_images/el/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/el/canvas.fbd605ff8e5b8aff.webp)
 > Το πρόγραμμα σπουδών στο Canvas
 
 ### Χρήση του αποθετηρίου απευθείας (χωρίς Classroom)
diff --git a/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 882b67b79..09f0ec4bd 100644
--- a/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Kuule, ma saan täiesti aru, kui programmeerimine tundub praegu hirmutav. Kui ma
 
 Täna uurime uskumatuid tööriistu, mis teevad kaasaegse veebi arendamise mitte ainult võimalikuks, vaid väga sõltuvust tekitavaks. Räägin täpselt nendest samadest editoridest, brauseritest ja töövoogudest, mida kasutavad Netflixi, Spotify ja sinu lemmik sõltumatu rakenduse stuudio arendajad iga päev. Ja siin on osa, mis paneb sind rõõmust tantsima: enamik neist professionaalsest klassist ja tööstusharu standarditest tööriistadest on täiesti tasuta!
 
-![Intro Programming](../../../../translated_images/et/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/et/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autor [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/et/1-getting-started-lessons/2-github-basics/README.md b/translations/et/1-getting-started-lessons/2-github-basics/README.md
index e09ede080..4acbc5225 100644
--- a/translations/et/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/et/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Ma tean, et alguses võib see kõik tunduda palju – ausalt öeldes mäletan, k
 
 Me võtame selle teekonna koos – sammhaaval. Ilma kiirustamise ja pingeta – ainult sina, mina ja mõned väga lahedad tööriistad, mis saavad sinu uueks parimaks sõbraks!
 
-![Intro to GitHub](../../../../translated_images/et/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/et/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote autor [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ Esmalt leidke GitHubist endale huvipakkuv hoidlasse (või **repo**), kuhu soovik
 
 ✅ Hea viis "algajasõbralike" hoidlate leidmiseks on [otsida silti 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Kopeerige hoidla kohalikult](../../../../translated_images/et/clone_repo.5085c48d666ead57.png)
+![Kopeerige hoidla kohalikult](../../../../translated_images/et/clone_repo.5085c48d666ead57.webp)
 
 Koodi kopeerimiseks on mitu võimalust. Üks neist on 'kloneerida' hoidla sisu HTTPS-i, SSH-ga või GitHub CLI (käsklusrida) abil.
 
diff --git a/translations/et/1-getting-started-lessons/3-accessibility/README.md b/translations/et/1-getting-started-lessons/3-accessibility/README.md
index 8b75c3198..9ef5882ae 100644
--- a/translations/et/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/et/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Ligipääsetavate Veebilehtede Loomine
 
-![Kõigest Ligipääsetavusest](../../../../translated_images/et/webdev101-a11y.8ef3025c858d897a.png)
+![Kõigest Ligipääsetavusest](../../../../translated_images/et/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote autor [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/et/2-js-basics/1-data-types/README.md b/translations/et/2-js-basics/1-data-types/README.md
index 1674d0aff..7203e0938 100644
--- a/translations/et/2-js-basics/1-data-types/README.md
+++ b/translations/et/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScripti põhialused: andmetüübid
 
-![JavaScripti põhialused - Andmetüübid](../../../../translated_images/et/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScripti põhialused - Andmetüübid](../../../../translated_images/et/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/et/2-js-basics/2-functions-methods/README.md b/translations/et/2-js-basics/2-functions-methods/README.md
index 84c697b2c..4357d7bdd 100644
--- a/translations/et/2-js-basics/2-functions-methods/README.md
+++ b/translations/et/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScripti alused: meetodid ja funktsioonid
 
-![JavaScript Basics - Functions](../../../../translated_images/et/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/et/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/et/2-js-basics/3-making-decisions/README.md b/translations/et/2-js-basics/3-making-decisions/README.md
index 56653c50e..fefcedfaa 100644
--- a/translations/et/2-js-basics/3-making-decisions/README.md
+++ b/translations/et/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScripti alused: otsuste tegemine
 
-![JavaScripti alused - otsuste tegemine](../../../../translated_images/et/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScripti alused - otsuste tegemine](../../../../translated_images/et/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/et/2-js-basics/4-arrays-loops/README.md b/translations/et/2-js-basics/4-arrays-loops/README.md
index 421b3588c..275777f4d 100644
--- a/translations/et/2-js-basics/4-arrays-loops/README.md
+++ b/translations/et/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Põhitõed: Massiivid ja Tsüklid
 
-![JavaScript Basics - Arrays](../../../../translated_images/et/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/et/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote autor [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/et/3-terrarium/1-intro-to-html/README.md b/translations/et/3-terrarium/1-intro-to-html/README.md
index 0b22dba4b..72a8bdb60 100644
--- a/translations/et/3-terrarium/1-intro-to-html/README.md
+++ b/translations/et/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Parandage ligipääsetavust: 5: Student
       Ehitage terrarium: 5: Student
 ```
-![Sissejuhatus HTML-i](../../../../translated_images/et/webdev101-html.4389c2067af68e98.png)
+![Sissejuhatus HTML-i](../../../../translated_images/et/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML ehk hüperteksti märgistuskeel on iga veebilehe aluseks, mida sa kunagi külastanud oled. Mõtle HTML-ile kui skeletile, mis annab veebilehtedele struktuuri – see määrab, kuhu sisu läheb, kuidas see on organiseeritud ja mida iga osa esindab. Kuigi CSS "riietab" su HTML-i hiljem värvide ja paigutustega ning JavaScript toob selle ellu interaktiivsusega, annab HTML vajaliku põhistruktuuri, mis muudab muu võimalikuks.
@@ -86,7 +86,7 @@ Sa lood spetsiaalse kausta terrariumiprojekti jaoks ja lisad esimese HTML-faili.
 4. Avastusaknas klõpsa "Uus fail" ikoonile
 5. Nyimesta oma fail nimega `index.html`
 
-![VS Code Exploreri ekraanipilt, kus luuakse uus fail](../../../../translated_images/et/vs-code-index.e2986cf919471eb9.png)
+![VS Code Exploreri ekraanipilt, kus luuakse uus fail](../../../../translated_images/et/vs-code-index.e2986cf919471eb9.webp)
 
 **Võimalus 2: Terminalikäskluste kasutamine**
 ```bash
diff --git a/translations/et/3-terrarium/2-intro-to-css/README.md b/translations/et/3-terrarium/2-intro-to-css/README.md
index aa8f7b2a8..af997d519 100644
--- a/translations/et/3-terrarium/2-intro-to-css/README.md
+++ b/translations/et/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Reageeriv disain: 5: Student
       Klaasi peegeldused: 5: Student
 ```
-![Sissejuhatus CSS-i](../../../../translated_images/et/webdev101-css.3f7af5991bf53a20.png)
+![Sissejuhatus CSS-i](../../../../translated_images/et/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Kas mäletad, kuidas su HTML-terraarium nägi üsna lihtne välja? CSS on koht, kus me muudame selle tavalise struktuuri millekski visuaalselt atraktiivseks.
@@ -202,7 +202,7 @@ body {
 
 Ava brauseri arendajatööriistad (F12), mine Elements vaatesse ja vaata oma `<h1>` elementi. Näed, et see pärib fondiperekonna body-lt:
 
-![pärandatud font](../../../../translated_images/et/1.cc07a5cbe114ad1d.png)
+![pärandatud font](../../../../translated_images/et/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Katsetamise aeg**: Proovi teisi pärandatavaid omadusi `<body>` peal nagu `color`, `line-height` või `text-align`. Mis juhtub su pealkirja ja teiste elementidega?
 
@@ -594,7 +594,7 @@ Valmis oma terrariumi täiustama realistlike klaasipeegeldustega? See tehnika li
 
 Sa lood peened helkivad läikekujud, mis simuleerivad valguse peegeldumist klaasipindadelt. See lähenemine on sarnane Renessansi maalikunstnikele nagu Jan van Eyck, kes kasutasid valgust ja peegeldust klaasi kolme-mõõtmelise mulje loomiseks. Siin on, mida sa saavutada tahad:
 
-![finished terrarium](../../../../translated_images/et/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/et/terrarium-final.2f07047ffc597d0a.webp)
 
 **Sinu ülesanne:**
 - **Loo** pehmed valged või heledat värvi ovaalsed kujundid klaasipeegeldusteks
diff --git a/translations/et/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/et/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 5d63ff908..72fd77c51 100644
--- a/translations/et/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/et/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Testi funktsionaalsust: 5: Õpilane
       Lõpeta terrarium: 5: Õpilane
 ```
-![DOM ja sulud](../../../../translated_images/et/webdev101-js.10280393044d7eaa.png)
+![DOM ja sulud](../../../../translated_images/et/webdev101-js.10280393044d7eaa.webp)
 > Sketš [Tomomi Imura](https://twitter.com/girlie_mac) poolt
 
 Tere tulemast ühe kõige kaasahaaravama veebiarenduse aspekti juurde – asjade interaktiivseks muutmine! Document Object Model (DOM) on nagu sild sinu HTMLi ja JavaScripti vahel ning täna kasutame seda, et tuua sinu terrarium ellu. Kui Tim Berners-Lee lõi esimese veebibrauseri, nägi ta ette veebi, kus dokumendid võiksid olla dünaamilised ja interaktiivsed – DOM teeb selle visiooni teoks.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM puu kujutis](../../../../translated_images/et/dom-tree.7daf0e763cbbba92.png)
+![DOM puu kujutis](../../../../translated_images/et/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM-i ja HTML-i märgenduse kujutis, mis viitab sellele. Autor [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Sulude mõistmine**: Sulud on JavaScriptis oluline teema ja paljud arendajad kasutavad neid aastaid, enne kui kõik teoreetilised aspektid täielikult selgeks saavad. Täna keskendume praktilisele rakendusele – näed sulud loomulikult tekkimas, kui ehitame oma interaktiivseid funktsioone. Mõistmine areneb koos sellega, kuidas nad lahendavad reaalseid probleeme.
 
-![DOM puu kujutis](../../../../translated_images/et/dom-tree.7daf0e763cbbba92.png)
+![DOM puu kujutis](../../../../translated_images/et/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM-i ja HTML-i märgenduse kujutis, mis viitab sellele. Autor [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Nüüd testi oma interaktiivset terrariumit! Ava oma `index.html` fail veebilehi
 - **Seadmeülene tugi**: Töötab nii lauaarvutis kui mobiilis
 - **Jõudluse teadlikkus**: Puuduvad mälulekked või tarbetud arvutused
 
-![valmis terrarium](../../../../translated_images/et/terrarium-final.0920f16e87c13a84.png)
+![valmis terrarium](../../../../translated_images/et/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/et/3-terrarium/solution/README.md b/translations/et/3-terrarium/solution/README.md
index c48a8bedc..8fa24a3af 100644
--- a/translations/et/3-terrarium/solution/README.md
+++ b/translations/et/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Väike lohistamise ja kodeerimise harjutus. Natukese HTML-i, JS-i ja CSS-i abil saad luua veebiliidese, kujundada selle ja lisada interaktsiooni.
 
-![minu terrarium](../../../../translated_images/et/screenshot_gray.0c796099a1f9f25e.png)
+![minu terrarium](../../../../translated_images/et/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Autorid
 
diff --git a/translations/et/5-browser-extension/1-about-browsers/README.md b/translations/et/5-browser-extension/1-about-browsers/README.md
index 9b99e1b7b..8083d9b3f 100644
--- a/translations/et/5-browser-extension/1-about-browsers/README.md
+++ b/translations/et/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Veatõrje: 4: Student
       Viimistlege kogemust: 5: Student
 ```
-![Brauseri sketchnote](../../../../translated_images/et/browser.60317c9be8b7f84a.jpg)
+![Brauseri sketchnote](../../../../translated_images/et/browser.60317c9be8b7f84a.webp)
 > Sketchnote autorilt [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Esimene viktoriin enne loengut
@@ -77,7 +77,7 @@ See protsess peegeldab, kuidas esimene veebibrauser, WorldWideWeb, kavandas Tim
 
 ✅ **Veidi ajalugu**: Esimene brauser kandis nime 'WorldWideWeb' ja selle lõi Sir Timothy Berners-Lee 1990. aastal.
 
-![varased brauserid](../../../../translated_images/et/earlybrowsers.d984b711cdf3a42d.jpg)
+![varased brauserid](../../../../translated_images/et/earlybrowsers.d984b711cdf3a42d.webp)
 > Mõned varased brauserid, allikas [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Kuidas brauserid veebisisu töötlevad
@@ -194,7 +194,7 @@ quadrantChart
 
 Laienduste paigaldamise protsessi mõistmine aitab sul ette näha kasutajakogemust, kui inimesed paigaldavad sinu laienduse. Paigaldamine on standardiseeritud kaasaegsetes brauserid, väikeste erinevustega liidese kujunduses.
 
-![kuvatõmmis Edge brauserist, kus on avatud leht edge://extensions ja seadete menüü](../../../../translated_images/et/install-on-edge.d68781acaf0b3d3d.png)
+![kuvatõmmis Edge brauserist, kus on avatud leht edge://extensions ja seadete menüü](../../../../translated_images/et/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Oluline**: Veendu, et lülitad sisse arendajarežiimi ja lubad laiendusi teistest poodidest, kui testid oma laiendusi.
 
@@ -308,10 +308,10 @@ See järgib progressiivse avaldamise põhimõtet, mida kasutatakse liidese disai
 ### Laiendi ülevaated
 
 **Seadistamise vaade** – kasutaja esimese sõidu konfigureerimine:
-![kuvatõmmis valminud laiendusest brauseris, mis kuvab vormi regiooni nime ja API võtme sisenditega.](../../../../translated_images/et/1.b6da8c1394b07491.png)
+![kuvatõmmis valminud laiendusest brauseris, mis kuvab vormi regiooni nime ja API võtme sisenditega.](../../../../translated_images/et/1.b6da8c1394b07491.webp)
 
 **Tulemuste vaade** – süsiniku jalajälje andmete kuvamine:
-![kuvatõmmis valminud laiendusest, mis näitab süsiniku kasutust ja fossiilkütuste protsenti regiooni US-NEISO kohta.](../../../../translated_images/et/2.1dae52ff08042246.png)
+![kuvatõmmis valminud laiendusest, mis näitab süsiniku kasutust ja fossiilkütuste protsenti regiooni US-NEISO kohta.](../../../../translated_images/et/2.1dae52ff08042246.webp)
 
 ### Seadistusvormi ehitamine
 
diff --git a/translations/et/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/et/5-browser-extension/2-forms-browsers-local-storage/README.md
index 83bbc13d5..d2e12359a 100644
--- a/translations/et/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/et/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Eemaldab salvestatud andmed
     ClearStorage --> FirstTime: Tagasi seadistusse
 ```
-![Lokaalse salvestuse paneel](../../../../translated_images/et/localstorage.472f8147b6a3f8d1.png)
+![Lokaalse salvestuse paneel](../../../../translated_images/et/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Turvalisuse kaalutlus**: Produktionsrakendustes tähendab API võtmete salvestamine LocalStorage’is turvariske, sest JavaScript saab neid andmeid lugeda. Õppimise eesmärgil see lähenemine sobib, aga päris rakendustes tuleb tundlikud võtmed hoida turvaliselt serveripoolses salvestuses.
 
diff --git a/translations/et/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/et/5-browser-extension/3-background-tasks-and-performance/README.md
index 20d8542e9..dd327969b 100644
--- a/translations/et/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/et/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Edge arendajatööriistade avamiseks klõpsa paremas ülanurgas kolmele punktile
 
 Proovime seda. Ava veebileht (näiteks Microsoft.com sobib hästi) ja vajuta 'Salvestus' nuppu. Nüüd värskenda lehte ja jälgi, kuidas profiler kõike jäädvustab. Kui salvestuse lõpetad, näed detailset ülevaadet sellest, kuidas brauser saidi 'skriptib', 'renderdab' ja 'maalib'. See meenutab missioonikontrolli, mis jälgib iga süsteemi raketi stardi ajal – saad reaalajas andmeid täpselt, mis toimub ja millal.
 
-![Edge profiler](../../../../translated_images/et/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/et/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsofti dokumentatsioonis](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) on veel palju detaile, kui tahad süvitsi minna
 
@@ -133,11 +133,11 @@ Vali profiili ajajoone osad, et suumida sündmusi, mis lehe laadimise ajal toimu
 
 Saavuta oma lehe jõudlusest kiire ülevaade, valides ajajoone osa ja vaadates kokkuvõttepaneeli:
 
-![Edge profiler snapshot](../../../../translated_images/et/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/et/snapshot.97750180ebcad737.webp)
 
 Vaata Sündmuste logi paneeli, et näha, kas mõni sündmus kestis kauem kui 15 ms:
 
-![Edge event log](../../../../translated_images/et/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/et/log.804026979f3707e0.webp)
 
 ✅ Tutvu oma profileriga! Ava sellel saidil arendajatööriistad ja vaata, kas on kitsaskohti. Milline ressurss laeb kõige aeglasemalt? Mis kiiremini?
 
diff --git a/translations/et/5-browser-extension/README.md b/translations/et/5-browser-extension/README.md
index 2ed850f48..12701140b 100644
--- a/translations/et/5-browser-extension/README.md
+++ b/translations/et/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Seda laiendit saab kasutaja vajadusel käivitada, kui vormi sisestatakse API-võ
 
 ### Tunnustused
 
-![roheline brauserilaiend](../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![roheline brauserilaiend](../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Tunnustused
 
diff --git a/translations/et/5-browser-extension/solution/README.md b/translations/et/5-browser-extension/solution/README.md
index b2c66770d..63937c296 100644
--- a/translations/et/5-browser-extension/solution/README.md
+++ b/translations/et/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kasutades tmrow CO2 Signal API-d elektritarbimise jälgimiseks, looge brauserilaiendus, mis tuletab teile meelde, kui suur on teie piirkonna elektritarbimine. Selle laienduse juhuslik kasutamine aitab teil teha teadlikke otsuseid oma tegevuste kohta, lähtudes sellest teabest.
 
-![laienduse ekraanipilt](../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![laienduse ekraanipilt](../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i brauseris paigaldamiseks kasutage brauseri paremas ülanurgas asuvat 'kolme punkti' menüüd, et leida laienduste paneel. Sealt valige 'Laadi lahti pakkimata', et laadida uus laiendus. Avage 'dist' kaust, kui seda küsitakse, ja laiendus laaditakse. Selle kasutamiseks vajate CO2 Signal API jaoks API-võtit ([hankige see siit e-posti teel](https://www.co2signal.com/) - sisestage oma e-posti aadress sellel lehel olevasse kasti) ja [oma piirkonna koodi](http://api.electricitymap.org/v3/zones), mis vastab [Electricity Map](https://www.electricitymap.org/map) kaardile (näiteks Bostonis kasutan 'US-NEISO').
 
-![paigaldamine](../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![paigaldamine](../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API-võti ja piirkonna kood on laienduse liidesesse sisestatud, peaks brauserilaienduse ribal olev värviline täpp muutuma, et kajastada teie piirkonna energiatarbimist, ning andma teile vihjeid, millised energiamahukad tegevused oleksid sobivad. Selle 'täpi' süsteemi idee sain [Energy Lollipop laiendusest](https://energylollipop.com/) California heitkoguste jaoks.
 
diff --git a/translations/et/5-browser-extension/solution/translation/README.fr.md b/translations/et/5-browser-extension/solution/translation/README.fr.md
index 1d0345de0..4bc63551f 100644
--- a/translations/et/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/et/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kasutades tmrow CO2 Signal API-d elektritarbimise jälgimiseks, looge brauserilaiend, mis annab teile otse brauseris meeldetuletuse teie piirkonna elektritarbimise kohta. Selle ad hoc laiendi kasutamine aitab teil teha teadlikke otsuseid oma tegevuste kohta, tuginedes nendele andmetele.
 
-![laiendi ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![laiendi ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i brauseris installimiseks kasutage brauseri paremas ülanurgas asuvat 'kolme punkti' menüüd, et leida laienduste paneel. Sealt valige 'Laadi lahti pakitud laiend' uue laiendi laadimiseks. Avage 'dist' kaust, kui seda küsitakse, ja laiend laetakse. Kasutamiseks vajate API-võtit CO2 Signal API jaoks ([hankige see e-posti teel siit](https://www.co2signal.com/) - sisestage oma e-posti aadress sellel lehel olevasse kasti) ja [koodi oma piirkonna jaoks](http://api.electricitymap.org/v3/zones), mis vastab [Electricity Map'ile](https://www.electricitymap.org/map) (näiteks Bostonis kasutan 'US-NEISO').
 
-![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API-võti ja piirkond on sisestatud laiendi liidesesse, peaks värviline punkt brauseri laienduste ribal muutuma, et kajastada teie piirkonna energiatarbimist ja anda teile märku, milliseid energiamahukaid tegevusi oleks sobiv teha. Selle 'punktide' süsteemi idee sain [Energy Lollipop laiendist](https://energylollipop.com/) California heitkoguste jaoks.
 
diff --git a/translations/et/5-browser-extension/solution/translation/README.hi.md b/translations/et/5-browser-extension/solution/translation/README.hi.md
index 3a31c3c33..5b409280e 100644
--- a/translations/et/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/et/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Elektritarbimise jälgimiseks kasutades tmrow CO2 Signal API-d, on loodud brauserilaiend, mis tuletab teile meelde, kui intensiivne on teie piirkonna elektritarbimine. Selle laiendi kasutamine aitab teil teha otsuseid oma tegevuste kohta, tuginedes sellele teabele.
 
-![Laiendi ekraanipilt ](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![Laiendi ekraanipilt ](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i brauseris installimiseks kasutage brauseri paremas ülanurgas asuvat "kolme punkti" menüüd, et leida laiendite paneel. Sealt valige "Laadi lahti pakitud" ja avage 'dist' kaust, kui seda küsitakse. Laiend laaditakse. Selle kasutamiseks vajate CO2 Signal API-d ([saate API võtme e-posti teel siit](https://www.co2snal.com/) – sisestage oma e-post selle lehe kastikesse) ja [oma piirkonna koodi](http://api.electricitymap.org/v3/zones) [Electricity Map](https://www.electricitymap.org/map) lehelt (näiteks Bostonis kasutan 'US-NEISO').
 
-![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API võti ja piirkond on laiendi liidesesse sisestatud, peaks brauserilaiendi ribal olev värviline täpp muutuma, et kajastada teie piirkonna energiatarbimist, ning andma teile indikatsiooni, millised energiamahukad tegevused sobivad teie kasutuseks. Selle "täpi" süsteemi idee sain California heitkoguste jaoks loodud [Energy Lollipop laiendist](https://energylollipop.com/).
 
diff --git a/translations/et/5-browser-extension/solution/translation/README.it.md b/translations/et/5-browser-extension/solution/translation/README.it.md
index f655f132c..e8a194ca8 100644
--- a/translations/et/5-browser-extension/solution/translation/README.it.md
+++ b/translations/et/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kasutame tmrow Signal CO2 API-d, et jälgida elektritarbimist ja luua brauserilaiend, mis annab otse brauseris meeldetuletuse selle kohta, kui suur on elektritarbimise koormus teie piirkonnas. Selle spetsiaalse laiendi kasutamine aitab hinnata oma tegevusi nende andmete põhjal.
 
-![laiendi ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![laiendi ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i brauserisse installimiseks kasutage brauseri paremas ülanurgas asuvat "kolme punkti" menüüd, et leida laiendite paneel. Kui see pole veel aktiveeritud, lülitage sisse arendajarežiim (vasakus alanurgas). Valige "Laadi lahti pakitud", et laadida uus laiend. Avage viipas kaust "dist" ja laiend laaditakse. Kasutamiseks vajate CO2 Signal API võtmet (saate selle [siit e-posti teel](https://www.co2signal.com/) - sisestage oma e-posti aadress sellel lehel olevasse kasti) ja [oma piirkonna koodi](http://api.electricitymap.org/v3/zones), mis vastab [elektrikaardile](https://www.electricitymap.org/map) (näiteks Bostonis on see "US-NEISO").
 
-![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API võti ja piirkond on laiendi liideses sisestatud, peaks brauserilaiendi tööriistaribal olev värviline punkt muutuma, et kajastada piirkonna energiatarbimist, ning andma vihjeid selle kohta, millised suure energiatarbimisega tegevused oleksid sobivad. Selle "punktisüsteemi" kontseptsioon on inspireeritud [Energy Lollipop laiendist](https://energylollipop.com/), mis jälgib California heitkoguseid.
 
diff --git a/translations/et/5-browser-extension/solution/translation/README.ja.md b/translations/et/5-browser-extension/solution/translation/README.ja.md
index 6ef9a7870..167755112 100644
--- a/translations/et/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/et/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ehita brauserilaiendus, mis kasutab tmrow CO2 Signal API-d, et jälgida elektritarbimist ja kuvada meeldetuletusena, kui palju energiat sinu piirkonnas kasutatakse. Selle laienduse ad hoc kasutamine võimaldab sul oma tegevusi vastavalt sellele teabele planeerida.
 
-![laienduse ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![laienduse ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i installimiseks leia brauseri paremas ülanurgas olevast "kolme punkti" menüüst "Laiendused" paneel. Sealt vali "Load Unpacked" ja laadi uus laiendus. Kui avaneb prompt, ava "dist" kaust, et laiendus laadida. Kasutamiseks vajad CO2 Signal API API-võtit ([hankige see siit e-posti teel](https://www.co2signal.com/) - sisesta oma e-post selle lehe kastikesse) ja [Electricity Map](https://www.electricitymap.org/map) vastavat [koodi oma piirkonna jaoks](http://api.electricitymap.org/v3/zones) (näiteks Bostonis kasutatakse 'US-NEISO').
 
-![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![installimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui sisestad API-võtme ja piirkonna laienduse liidesesse, muutub brauseri laiendusribal kuvatav värviline täpp, mis peegeldab sinu piirkonna energiatarbimist ja annab märku, milliseid energiat nõudvaid tegevusi on sobiv teha. Selle "täpi" süsteemi idee sain California osariigi emissioonide jaoks loodud [Energy Lollipop laiendusest](https://energylollipop.com/).
 
diff --git a/translations/et/5-browser-extension/solution/translation/README.ms.md b/translations/et/5-browser-extension/solution/translation/README.ms.md
index f37773d17..af03078aa 100644
--- a/translations/et/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/et/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kasutades tmrow CO2 Signaali API-d elektritarbimise jälgimiseks, loo brauserilaiendus, mis annab sulle brauseris märguandeid selle kohta, kui suur on sinu piirkonna elektritarbimise koormus. Selle laienduse kasutamine aitab sul teha teadlikumaid otsuseid oma tegevuste osas, tuginedes sellele teabele.
 
-![brauserilaienduse ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![brauserilaienduse ekraanipilt](../../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i paigaldamiseks kasuta brauseri paremas ülanurgas asuvat kolme punktiga menüüd, et leida Laienduste paneel. Sealt vali 'Load Unpacked', et laadida uus laiendus. Ava 'dist' kaust, kui seda küsitakse, ja laiendus laaditakse. Kasutamiseks vajad CO2 Signaali API võtit ([hankige see siit e-posti teel](https://www.co2signal.com/) - sisesta oma e-posti aadress sellel lehel olevasse kasti) ja [oma piirkonna koodi](http://api.electricitymap.org/v3/zones), mis vastab [Electricity Mapile](https://www.electricitymap.org/map) (näiteks Bostonis kasutan 'US-NEISO').
 
-![allalaadimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![allalaadimine](../../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API võti ja piirkond on laienduse liidesesse sisestatud, muutub brauserilaienduse tööriistaribal olev värviline punkt, et kajastada sinu piirkonna energiatarbimist, ning annab sulle soovitusi, milliseid tegevusi on sobiv teha. Selle 'punktisüsteemi' kontseptsiooni sain inspiratsiooniks [Energy Lollipop brauserilaiendusest](https://energylollipop.com/) California heitkoguste jaoks.
 
diff --git a/translations/et/5-browser-extension/start/README.md b/translations/et/5-browser-extension/start/README.md
index abaa298d7..1f9717a1d 100644
--- a/translations/et/5-browser-extension/start/README.md
+++ b/translations/et/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kasutades tmrow'i CO2 Signal API-d elektritarbimise jälgimiseks, loo brauserilaiendus, mis annab sulle otse brauseris meeldetuletuse selle kohta, kui suur on sinu piirkonna elektritarbimise koormus. Selle laienduse juhuslik kasutamine aitab sul teha teadlikke otsuseid oma tegevuste osas, lähtudes sellest infost.
 
-![laienduse ekraanipilt](../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.png)
+![laienduse ekraanipilt](../../../../translated_images/et/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Alustamine
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge'i brauseris paigaldamiseks kasuta brauseri paremas ülanurgas asuvat 'kolme punkti' menüüd, et leida Laienduste paneel. Sealt vali 'Laadi lahti pakkimata', et laadida uus laiendus. Avanevas dialoogis vali 'dist' kaust ja laiendus laetakse. Kasutamiseks vajad CO2 Signal API jaoks API-võtit ([hankige see e-posti teel siit](https://www.co2signal.com/) - sisesta oma e-post sellel lehel olevasse kasti) ja [oma piirkonna koodi](http://api.electricitymap.org/v3/zones), mis vastab [Electricity Map](https://www.electricitymap.org/map) andmetele (näiteks Bostonis kasutan 'US-NEISO').
 
-![paigaldamine](../../../../translated_images/et/install-on-edge.78634f02842c4828.png)
+![paigaldamine](../../../../translated_images/et/install-on-edge.78634f02842c4828.webp)
 
 Kui API-võti ja piirkonna kood on sisestatud laienduse liidesesse, peaks brauserilaienduse ribal olev värviline täpp muutuma, et kajastada sinu piirkonna energiatarbimist. See annab sulle vihje, millised energiamahukad tegevused oleksid sobivad. Selle 'täpi' süsteemi idee sain [Energy Lollipop laiendusest](https://energylollipop.com/) California heitmete jaoks.
 
diff --git a/translations/et/6-space-game/2-drawing-to-canvas/README.md b/translations/et/6-space-game/2-drawing-to-canvas/README.md
index 60d53e28c..cda052986 100644
--- a/translations/et/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/et/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![canvas'i võrk](../../../../translated_images/et/canvas_grid.5f209da785ded492.png)
+![canvas'i võrk](../../../../translated_images/et/canvas_grid.5f209da785ded492.webp)
 > Pilt pärit [MDN-ist](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Canvas elemendi joonistamiseks järgid kolme sammuga protsessi, mis moodustab kõigi canvas graafika aluse. Kui seda mõned korrad teha, saab see loomuomaseks:
@@ -323,11 +323,11 @@ Ehitad veebilehe Canvas elemendiga. See kuvab musta taustaga ekraani mõõtmeteg
 
 - Kangelase laev
 
-   ![Hero ship](../../../../translated_images/et/player.dd24c1afa8c71e9b.png)
+   ![Hero ship](../../../../translated_images/et/player.dd24c1afa8c71e9b.webp)
 
 - 5×5 koletise laev
 
-   ![Monster ship](../../../../translated_images/et/enemyShip.5df2a822c16650c2.png)
+   ![Monster ship](../../../../translated_images/et/enemyShip.5df2a822c16650c2.webp)
 
 ### Soovitatud arengusammud
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Lõpetatud tulemus peaks välja nägema selline:
 
-![Musta taustaga ekraan kangelase ja 5*5 monsterdega](../../../../translated_images/et/partI-solution.36c53b48c9ffae2a.png)
+![Musta taustaga ekraan kangelase ja 5*5 monsterdega](../../../../translated_images/et/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Lahendus
 
diff --git a/translations/et/6-space-game/5-keeping-score/README.md b/translations/et/6-space-game/5-keeping-score/README.md
index 2ee7bc458..c975aa86e 100644
--- a/translations/et/6-space-game/5-keeping-score/README.md
+++ b/translations/et/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Skoorisüsteem**: Iga hävitatud vaenlase laev annab 100 punkti (ümarad numbrid on mängijatele kergemini vaimselt arvutatavad). Skoor kuvatakse vasakus alanurgas.
-- **Elude lugur**: Sinu kangelane alustab kolme eluga - see on varaste arcade-mängude poolt kehtestatud standard mängimise väljakutse ja tasakaalu jaoks. Iga kokkupõrge vaenlasega maksab ühe elu. Jääke näitame paremas alanurgas laevaikoonidega ![elu pilt](../../../../translated_images/et/life.6fb9f50d53ee0413.png).
+- **Elude lugur**: Sinu kangelane alustab kolme eluga - see on varaste arcade-mängude poolt kehtestatud standard mängimise väljakutse ja tasakaalu jaoks. Iga kokkupõrge vaenlasega maksab ühe elu. Jääke näitame paremas alanurgas laevaikoonidega ![elu pilt](../../../../translated_images/et/life.6fb9f50d53ee0413.webp).
 
 ## Hakame ehitama!
 
diff --git a/translations/et/7-bank-project/1-template-route/README.md b/translations/et/7-bank-project/1-template-route/README.md
index 1b4c6a1a0..9c14490e3 100644
--- a/translations/et/7-bank-project/1-template-route/README.md
+++ b/translations/et/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Funktsioon `history.pushState` loob uusi kirjeid brauseri ajaloos. Seda näeb, kui hoiate all oma brauseri *tagasi-nuppu*, mis peaks kuvama midagi sellist:
 
-![Navigatsiooniajaloo ekraanipilt](../../../../translated_images/et/history.7fdabbafa521e064.png)
+![Navigatsiooniajaloo ekraanipilt](../../../../translated_images/et/history.7fdabbafa521e064.webp)
 
 Kui proovite tunnustada tagasi-nuppu mitu korda, näete, et praegune URL muutub ja ajalugu uuendatakse, kuid sama mall jääb kuvatuks.
 
diff --git a/translations/et/7-bank-project/2-forms/README.md b/translations/et/7-bank-project/2-forms/README.md
index b1f440f02..ea7bc611c 100644
--- a/translations/et/7-bank-project/2-forms/README.md
+++ b/translations/et/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Esiteks vaatleme, mis juhtub lihtsa vormi esitamisega:
 2. Jälgige muudatusi oma brauseri aadressireal
 3. Märkake, kuidas leht laaditakse uuesti ja andmed ilmuvad aadressireale
 
-![Ekraanipilt brauseri URL-i muutusest peale „Registreeri“ nupu vajutamist](../../../../translated_images/et/click-register.e89a30bf0d4bc9ca.png)
+![Ekraanipilt brauseri URL-i muutusest peale „Registreeri“ nupu vajutamist](../../../../translated_images/et/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP meetodite võrdlus
 
@@ -346,7 +346,7 @@ Seadistame oma registreerimisvormi, et see korrektselt suhtleks tagapõhja API-g
 2. **Vajutage** nuppu "Loo konto"
 3. **Vaadake** brauserist serveri vastust
 
-![Brauseriaknas aadressil localhost:5000/api/accounts kuvatakse JSON-string kasutaja andmetega](../../../../translated_images/et/form-post.61de4ca1b964d91a.png)
+![Brauseriaknas aadressil localhost:5000/api/accounts kuvatakse JSON-string kasutaja andmetega](../../../../translated_images/et/form-post.61de4ca1b964d91a.webp)
 
 **Mida peaks nägema:**
 - **Brauser suunab** API lõpp-punkti URL-ile
@@ -609,7 +609,7 @@ async function register() {
 3. **Klõpsake** "Loo konto"
 4. **Jälgige** konsooli sõnumeid ja kasutajale tagasisidet
 
-![Ekraanipilt, mis näitab logisõnumit brauserikonsoolis](../../../../translated_images/et/browser-console.efaf0b51aaaf6778.png)
+![Ekraanipilt, mis näitab logisõnumit brauserikonsoolis](../../../../translated_images/et/browser-console.efaf0b51aaaf6778.webp)
 
 **Mida peaksite nägema:**
 - **Laadimisolek** ilmub esitamisklipile
@@ -783,7 +783,7 @@ Täiustame teie registreerimisvormi tugeva valideerimisega, mis pakub suurepära
 3. **Sisestage** kasutajanime välja erimärgid
 4. **Sisestage** negatiivne saldosumma
 
-![Ekraanipilt, mis näitab valideerimisviga vormi esitamisel](../../../../translated_images/et/validation-error.8bd23e98d416c22f.png)
+![Ekraanipilt, mis näitab valideerimisviga vormi esitamisel](../../../../translated_images/et/validation-error.8bd23e98d416c22f.webp)
 
 **Mida täheldate:**
 - **Brauser kuvab** oma staatilisi valideerimissõnumeid
@@ -943,7 +943,7 @@ Kuva HTML-is veateade, kui kasutaja juba eksisteerib.
 
 Näide sellest, kuidas lõplik sisselogimisleht võib välja näha pärast veidi kujundamist:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/et/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/et/result.96ef01f607bf856a.webp)
 
 ## Loengujärgne viktoriin
 
diff --git a/translations/et/7-bank-project/3-data/README.md b/translations/et/7-bank-project/3-data/README.md
index ba6148e1b..1bd728b6e 100644
--- a/translations/et/7-bank-project/3-data/README.md
+++ b/translations/et/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Tagastab täieliku HTML lehe
     Browser->>User: Kuvab uue lehe (vilgub/laeb uuesti)
 ```
-![Mitmelehelise rakenduse uuendustöövoog](../../../../translated_images/et/mpa.7f7375a1a2d4aa77.png)
+![Mitmelehelise rakenduse uuendustöövoog](../../../../translated_images/et/mpa.7f7375a1a2d4aa77.webp)
 
 **Miks see tundus kohmakas:**
 - Iga klikiga tuli terve leht nullist ehitada
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Uuendab kindlaid lehe elemente
     Browser->>User: Kuvab uuendatud sisu (ilma taaskäivitamiseta)
 ```
-![Ühelehelise rakenduse uuendustöövoog](../../../../translated_images/et/spa.268ec73b41f992c2.png)
+![Ühelehelise rakenduse uuendustöövoog](../../../../translated_images/et/spa.268ec73b41f992c2.webp)
 
 **Miks SPA-d tunduvad nii palju sujuvamad:**
 - Uuendatakse ainult neid osi, mis tegelikult muutusid (nutikas, eks?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Nüüd, kui testid valede andmetega, näed abistavat veateadet otse lehel!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/et/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/et/login-error.416fe019b36a6327.webp)
 
 #### Samm 4: Kaasa arvutustel puudega kasutajad
 
@@ -950,7 +950,7 @@ Valmis viima oma pangarakenduse järgmisele tasemele? Muudame selle väljanägem
 
 Siin on, kuidas võib välja näha lihvitud juhtpaneel:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/et/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/et/screen2.123c82a831a1d14a.webp)
 
 Sa ei pea seda täpselt kopeerima – kasuta seda inspiratsioonina ja loo oma stiil!
 
diff --git a/translations/et/7-bank-project/4-state-management/README.md b/translations/et/7-bank-project/4-state-management/README.md
index a38097fb3..e80f456c8 100644
--- a/translations/et/7-bank-project/4-state-management/README.md
+++ b/translations/et/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Nagu Titanic'i kambrite jaotus, mis tundus tugev kuni mitme kambri samaaegne upp
 
 Selle asemel, et oma saba taga ajada, loome **tsentraliseeritud oleku juhtimise** süsteemi. Mõtle sellele kui ühele väga organiseeritud inimesele, kes haldab kõike olulist:
 
-![Skeem, mis näitab andmevooge HTML-i, kasutaja tegevuste ja oleku vahel](../../../../translated_images/et/data-flow.fa2354e0908fecc8.png)
+![Skeem, mis näitab andmevooge HTML-i, kasutaja tegevuste ja oleku vahel](../../../../translated_images/et/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ See väljakutse aitab sul mõelda professionaalse arendajana, kes võtab arvesse
 
 Siin on näidis tulemus peale ülesande täitmist:
 
-![Ekraanipilt näidates "Lisa tehingu" dialoogi](../../../../translated_images/et/dialog.93bba104afeb79f1.png)
+![Ekraanipilt näidates "Lisa tehingu" dialoogi](../../../../translated_images/et/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/et/7-bank-project/4-state-management/assignment.md b/translations/et/7-bank-project/4-state-management/assignment.md
index 701d4773f..3ac0e2a31 100644
--- a/translations/et/7-bank-project/4-state-management/assignment.md
+++ b/translations/et/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Vaata [serveri API dokumentatsiooni](../api/README.md) kohta:
 **Oodatav tulemus:**
 Pärast selle ülesande lõpetamist peaks su pangarakendus omama täielikult toimivat "Lisa tehing" funktsionaalsust, mis näeb välja ja toimib professionaalselt:
 
-![Ekraanipilt näidates eeskuju "Lisa tehing" dialoogist](../../../../translated_images/et/dialog.93bba104afeb79f1.png)
+![Ekraanipilt näidates eeskuju "Lisa tehing" dialoogist](../../../../translated_images/et/dialog.93bba104afeb79f1.webp)
 
 ## Oma rakenduse testimine
 
diff --git a/translations/et/7-bank-project/README.md b/translations/et/7-bank-project/README.md
index 1cb734d38..d4d7f3333 100644
--- a/translations/et/7-bank-project/README.md
+++ b/translations/et/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Selles projektis õpid, kuidas luua fiktiivset panka. Need õppetunnid sisaldavad juhiseid veebirakenduse kujundamiseks ja marsruutide loomiseks, vormide ehitamiseks, oleku haldamiseks ning API-st andmete hankimiseks, mille abil saad panga andmeid kätte.
 
-| ![Ekraan1](../../../translated_images/et/screen1.baccbba0f1f93364.png) | ![Ekraan2](../../../translated_images/et/screen2.123c82a831a1d14a.png) |
+| ![Ekraan1](../../../translated_images/et/screen1.baccbba0f1f93364.webp) | ![Ekraan2](../../../translated_images/et/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Õppetunnid
diff --git a/translations/et/8-code-editor/1-using-a-code-editor/README.md b/translations/et/8-code-editor/1-using-a-code-editor/README.md
index 36e9a50ca..0facb8fca 100644
--- a/translations/et/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/et/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Nii nagu Alexander Graham Bell ühendaski kaugustes kohad telefoni abil, seob Gi
 
 Kui kõik laeb, näed ilusat ja puhtat töölaua keskkonda, mis on loodud sind keskenduma olulisele – koodile!
 
-![Vaikimisi VSCode.devi liides](../../../../translated_images/et/default-vscode-dev.5d06881d65c1b323.png)
+![Vaikimisi VSCode.devi liides](../../../../translated_images/et/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Siin on ülevaade su ümbrusest:**
 - **Activity Bar** (vasakul olev riba): Sinu peamine navigeerimisriba, kus on Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩 ja Settings ⚙️
@@ -229,7 +229,7 @@ Sobib ideaalselt, kui alustad VSCode.devis nullist ja soovid konkreetset hoidlat
 1. Mine aadressile [vscode.dev](https://vscode.dev), kui sa pole seal veel
 2. Otsi tervituslehel nuppu "Open Remote Repository" ja klõpsa
 
-   ![Ava kaughoidla](../../../../translated_images/et/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Ava kaughoidla](../../../../translated_images/et/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Kleebi siia mistahes GitHubi hoidla URL (proovi seda: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Vajuta Enter ja vaata imet!
@@ -238,7 +238,7 @@ Sobib ideaalselt, kui alustad VSCode.devis nullist ja soovid konkreetset hoidlat
 
 Tahad tunda end nagu koodimise võlur? Proovi klaviatuuri otseteed Ctrl+Shift+P (või Cmd+Shift+P Macil), et avada Command Palette:
 
-![Command Palette](../../../../translated_images/et/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/et/palette-menu.4946174e07f42622.webp)
 
 **Command Palette on nagu otsingumootor kõigile sinu tehtavatele asjadele:**
 - Kirjuta "open remote" ja see leiab hoidla avaja sinu eest
@@ -300,7 +300,7 @@ Nii nagu arhitekti kontoris sinised trükid organiseeritud on, järgib faililoom
 3. Sisesta failinimi koos sobiva laiendiga (`style.css`, `script.js`, `index.html`)
 4. Vajuta Enter, et fail luua
 
-![Uue faili loomine](../../../../translated_images/et/create-new-file.2814e609c2af9aeb.png)
+![Uue faili loomine](../../../../translated_images/et/create-new-file.2814e609c2af9aeb.webp)
 
 **Nimeandmise soovitused:**
 - Kasuta kirjeldavaid nimesid, mis viitavad faili eesmärgile
@@ -318,7 +318,7 @@ Siin algab tõeline lõbu! VSCode.devi redaktor on täis abistavaid omadusi, mis
 2. Hakka kirjutama ja jälgi, kuidas VSCode.dev aitab värvide, soovituste ja vigade leidmisega
 3. Salvesta töö Ctrl+S (Windows/Linux) või Cmd+S (Mac) – kuigi see salvestab ka automaatselt!
 
-![Faili redigeerimine VSCode.devis](../../../../translated_images/et/edit-a-file.52c0ee665ef19f08.png)
+![Faili redigeerimine VSCode.devis](../../../../translated_images/et/edit-a-file.52c0ee665ef19f08.webp)
 
 **Mis toimub, kui koodid:**
 - Sinu kood saab kaunilt värvitud ja on lihtsam lugeda
@@ -339,7 +339,7 @@ Nii nagu arheoloogid teevad täpseid kirjeid kaevamiskihistest, jälgib Git sinu
 2. Muudetud failid ilmuvad jaotises "Changes"
 3. Värvikood näitab muudatuste liike: roheline lisandumised, punane kustutamised
 
-![Muudatuste vaatamine Source Control paneelis](../../../../translated_images/et/working-tree.c58eec08e6335c79.png)
+![Muudatuste vaatamine Source Control paneelis](../../../../translated_images/et/working-tree.c58eec08e6335c79.webp)
 
 **Töö salvestamine (commit töövoog):**
 
@@ -431,7 +431,7 @@ Laienduste turg on tõesti hästi organiseeritud, seega sa ei eksle, kui otsid,
 2. Sirvi või otsi midagi kindlat
 3. Klõpsa kõigile huvitavatele laiendustele, et rohkem teada saada
 
-![Laienduste turu liides](../../../../translated_images/et/extensions.eca0e0c7f59a10b5.png)
+![Laienduste turu liides](../../../../translated_images/et/extensions.eca0e0c7f59a10b5.webp)
 
 **Mida seal näed:**
 
@@ -484,7 +484,7 @@ Enamikul laiendustest on seaded, mida saad muuta, et need töötaksid just nii n
 3. Vali rippmenüüst "Extension Settings"
 4. Muuda seadeid, kuni need sobivad su töövooga ideaalselt
 
-![Laienduste seadete kohandamine](../../../../translated_images/et/extension-settings.21c752ae4f4cdb78.png)
+![Laienduste seadete kohandamine](../../../../translated_images/et/extension-settings.21c752ae4f4cdb78.webp)
 
 **Tavalised asjad, mida võid tahtagi sättida:**
 - Kuidas su kood vormindatakse (tabid vs tühikud, rea pikkus jms)
diff --git a/translations/et/8-code-editor/1-using-a-code-editor/assignment.md b/translations/et/8-code-editor/1-using-a-code-editor/assignment.md
index 871785b85..caff6d9be 100644
--- a/translations/et/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/et/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Kuna VSCode.dev vajab hoidla avamiseks vähemalt ühe faili olemasolu, loome oma
 4. **Kirjuta** commit sõnum: "Add initial HTML structure"
 5. **Klõpsa** "Commit new file", et muudatused salvestada
 
-![Create initial file on GitHub](../../../../translated_images/et/new-file-github.com.c886796d800e8056.png)
+![Create initial file on GitHub](../../../../translated_images/et/new-file-github.com.c886796d800e8056.webp)
 
 **Selle algse seadistusega saavutad:**
 - **Korrektse HTML5 dokumendi struktuuri, kasutades semantilisi elemente**
@@ -104,7 +104,7 @@ Nüüd, kui hoidla vundament on paigas, liigume edasi VSCode.dev keskkonda põhi
 
 ✅ **Õnnestumise märguanne**: Peaksid nägema oma projekti faile Explorer küljeribal ning `index.html` faili, mida saad põhiredaktoris muuta.
 
-![Project loaded in VSCode.dev](../../../../translated_images/et/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Project loaded in VSCode.dev](../../../../translated_images/et/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Liidese põhielemendid:**
 - **Explorer küljeriba**: **Kuvab** sinu hoidla failid ja kaustastruktuuri
@@ -448,7 +448,7 @@ Laiendused parandavad sinu arenduskogemust, pakkudes live eelvaate võimalusi ni
 **Kiired tulemused pärast paigaldamist:**
 Kui CodeSwing on paigaldatud, näed redaktoris oma CV veebilehe live eelvaadet. See võimaldab täpselt näha, kuidas su sait muudatustega muutub.
 
-![CodeSwing extension showing live preview](../../../../translated_images/et/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing extension showing live preview](../../../../translated_images/et/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Täiustatud liidese mõistmine:**
 - **Poolitatud vaade**: **Näitab** vasakul koodi ja paremal live eelvaadet
diff --git a/translations/et/9-chat-project/README.md b/translations/et/9-chat-project/README.md
index 7c70b9f4e..0d5ab0975 100644
--- a/translations/et/9-chat-project/README.md
+++ b/translations/et/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Sinu lõpetatud projekt näeb välja selline:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/et/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/et/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Sinu õpiteek läbi AI-rakenduste arenduse
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Põhialus**: AI rakenduste arendus ühendab traditsioonilised veebiarenduse oskused AI teenuste integratsiooniga, luues nutikaid rakendusi, mis mõistavad loomulikult kasutajate vajadusi.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/et/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/et/playground.d2b927122224ff8f.webp)
 
 **Mida teeb mänguväljaku nii kasulikuks:**
 - **Proovi** erinevaid AI mudeleid nagu GPT-4o-mini, Claude jpt (kõik tasuta!)
@@ -199,7 +199,7 @@ mindmap
 
 Kui oled natuke mänginud, klõpsa "Code" vahekaardile ja vali programmeerimiskeel, et saada vajaminev kood.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/et/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/et/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python tagapõhja integratsiooni seadistamine
 
@@ -2351,14 +2351,14 @@ Tahad proovida seda projekti pilvearenduskeskkonnas? GitHub Codespaces pakub tä
 - **Mine** aadressile [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Vajuta** paremas ülanurgas nuppu "Use this template" (vesi, et oled GitHubi sisse logitud)  
 
-![Loo mallist liides, kus roheline "Use this template" nupp on nähtav](../../../translated_images/et/template.67ad477109d29a2b.png)  
+![Loo mallist liides, kus roheline "Use this template" nupp on nähtav](../../../translated_images/et/template.67ad477109d29a2b.webp)  
 
 **2. samm: Käivita Codespaces**  
 - **Ava** äsja loodud repositoorium  
 - **Vajuta** rohelist "Code" nuppu ja vali "Codespaces"  
 - **Vali** "Create codespace on main", et alustada oma arenduskeskkonda  
 
-![Codespace loomise liides valikutega pilvearenduse keskkonna käivitamiseks](../../../translated_images/et/codespace.bcecbdf5d2747d3d.png)  
+![Codespace loomise liides valikutega pilvearenduse keskkonna käivitamiseks](../../../translated_images/et/codespace.bcecbdf5d2747d3d.webp)  
 
 **3. samm: Keskkonna seadistamine**  
 Kui su Codespace käivitub, on sulle kättesaadav:  
diff --git a/translations/et/README.md b/translations/et/README.md
index a95b5d893..2fcefc5d5 100644
--- a/translations/et/README.md
+++ b/translations/et/README.md
@@ -60,13 +60,13 @@ Uus AI assistendi projekt just lisatud, vaata [projekti](./9-chat-project/README
 
 Alusta siit: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
 
-![Taust](../../translated_images/et/background.148a8d43afde5730.png)
+![Taust](../../translated_images/et/background.148a8d43afde5730.webp)
 
 - Tunnid katavad kõike alates põhialustest kuni RAGini.
 - Suhtle ajalooliste tegelastega kasutades GenAI-d ja meie kaasrakendust.
 - Lõbus ja kaasahaarav jutustus, rändad ajas!
 
-![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.png)
+![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.webp)
 
 Iga tund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhatavad teid järgmiste teemade õppimisel:
 - Promptide ja prompt-engineeringi kasutamine
@@ -101,7 +101,7 @@ Järgige neid samme:
 
 Teie loodud koopia repositsioonist klõpsake nuppu **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i, kus töötada.
 
-![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Õppekava kohapealne käivitamine oma arvutis
 
diff --git a/translations/et/for-teachers.md b/translations/et/for-teachers.md
index 64ab1648e..f517aa785 100644
--- a/translations/et/for-teachers.md
+++ b/translations/et/for-teachers.md
@@ -42,10 +42,10 @@ See õppekava sisaldab importitavaid pakette, mis sobivad tavaliste LMS töövoo
   - Moodle Cloudil on piiratud Common Cartridge'i tugi. Eelistage ülaltoodud Moodle'i faili, mida saab samuti Canvas'isse üles laadida.
   - Pärast importimist vaadake üle moodulid, tähtaegade ja viktoriinide seaded, et need vastaksid teie semestri ajakavale.
 
-![Moodle](../../translated_images/et/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/et/moodle.94eb93d714a50cb2.webp)
 > Õppekava Moodle'i klassiruumis
 
-![Canvas](../../translated_images/et/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/et/canvas.fbd605ff8e5b8aff.webp)
 > Õppekava Canvas'is
 
 ### Repositooriumi otsene kasutamine (ilma Classroomita)
diff --git a/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index dde379bd2..a72b3547d 100644
--- a/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Kuule, ymmärrän täysin, jos ohjelmointi tuntuu juuri nyt pelottavalta. Kun al
 
 Tänään tutustumme uskomattomiin työkaluihin, jotka tekevät modernista web-kehityksestä paitsi mahdollisen, myös todella koukuttavan. Puhun samoista editoreista, selaimista ja työnkuluista, joita Netflixin, Spotifyn ja suosikkisi indie-sovellusstudion kehittäjät käyttävät joka päivä. Ja tässä tulee se osuus, joka saa sinut tanssimaan ilosta: suurin osa näistä ammattitason, teollisuusstandardin työkaluista on täysin ilmaisia!
 
-![Intro Programming](../../../../translated_images/fi/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/fi/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/fi/1-getting-started-lessons/2-github-basics/README.md b/translations/fi/1-getting-started-lessons/2-github-basics/README.md
index 59b4f57c9..6e211f801 100644
--- a/translations/fi/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/fi/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Tiedän, että tämä voi tuntua aluksi paljolta – muistan itsekin tuijottanee
 
 Otamme tämän matkan yhdessä, askel kerrallaan. Ei kiirettä, ei painetta – vain sinä, minä ja muutama todella siisti työkalu, joista tulee pian uusia parhaita ystäviäsi!
 
-![Johdanto GitHubiin](../../../../translated_images/fi/webdev101-github.8846d7971abef6f9.png)
+![Johdanto GitHubiin](../../../../translated_images/fi/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -605,7 +605,7 @@ Etsi ensin GitHubista repositorio (tai **repo**), joka kiinnostaa sinua ja johon
 
 ✅ Hyvä tapa löytää 'aloittelijaystävällisiä' repoja on [etsiä tagilla 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Kopioi repo paikallisesti](../../../../translated_images/fi/clone_repo.5085c48d666ead57.png)
+![Kopioi repo paikallisesti](../../../../translated_images/fi/clone_repo.5085c48d666ead57.webp)
 
 Koodin kopioimiseen on useita tapoja. Yksi tapa on "klonata" repositorion sisältö HTTPS:n, SSH:n tai GitHub CLI:n (komentoriviliittymän) avulla.
 
diff --git a/translations/fi/1-getting-started-lessons/3-accessibility/README.md b/translations/fi/1-getting-started-lessons/3-accessibility/README.md
index da047389f..e373b927c 100644
--- a/translations/fi/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/fi/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Luodaan saavutettavia verkkosivuja
 
-![Kaikki saavutettavuudesta](../../../../translated_images/fi/webdev101-a11y.8ef3025c858d897a.png)
+![Kaikki saavutettavuudesta](../../../../translated_images/fi/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/fi/2-js-basics/1-data-types/README.md b/translations/fi/2-js-basics/1-data-types/README.md
index 2a732068e..2ccd1b2c1 100644
--- a/translations/fi/2-js-basics/1-data-types/README.md
+++ b/translations/fi/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptin perusteet: Tietotyypit
 
-![JavaScriptin perusteet - Tietotyypit](../../../../translated_images/fi/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScriptin perusteet - Tietotyypit](../../../../translated_images/fi/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/fi/2-js-basics/2-functions-methods/README.md b/translations/fi/2-js-basics/2-functions-methods/README.md
index a72b65721..569adcdb2 100644
--- a/translations/fi/2-js-basics/2-functions-methods/README.md
+++ b/translations/fi/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptin perusteet: metodit ja funktiot
 
-![JavaScript Basics - Functions](../../../../translated_images/fi/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/fi/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/fi/2-js-basics/3-making-decisions/README.md b/translations/fi/2-js-basics/3-making-decisions/README.md
index e5408b69c..8ac38b5c4 100644
--- a/translations/fi/2-js-basics/3-making-decisions/README.md
+++ b/translations/fi/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptin perusteet: Päätöksenteko
 
-![JavaScriptin perusteet - Päätöksenteko](../../../../translated_images/fi/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScriptin perusteet - Päätöksenteko](../../../../translated_images/fi/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/fi/2-js-basics/4-arrays-loops/README.md b/translations/fi/2-js-basics/4-arrays-loops/README.md
index 18453d2d6..f9e99be77 100644
--- a/translations/fi/2-js-basics/4-arrays-loops/README.md
+++ b/translations/fi/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptin perusteet: Taulukot ja silmukat
 
-![JavaScriptin perusteet - Taulukot](../../../../translated_images/fi/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScriptin perusteet - Taulukot](../../../../translated_images/fi/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/fi/3-terrarium/1-intro-to-html/README.md b/translations/fi/3-terrarium/1-intro-to-html/README.md
index 254efcb8c..8ec8e8351 100644
--- a/translations/fi/3-terrarium/1-intro-to-html/README.md
+++ b/translations/fi/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![Johdatus HTML:ään](../../../../translated_images/fi/webdev101-html.4389c2067af68e98.png)
+![Johdatus HTML:ään](../../../../translated_images/fi/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML eli HyperText Markup Language on jokaisen verkkosivun perusta, jonka olet koskaan vieraillut. Ajattele HTML:ää verkkosivujen "luurankona" – se määrittää, mihin sisältö sijoitetaan, miten se järjestetään ja mitä kukin osa edustaa. Vaikka CSS myöhemmin "pukee" HTML:n väreillä ja asetteluilla ja JavaScript tuo siihen interaktiivisuutta, HTML tarjoaa olennaisen rakenteen, joka tekee kaiken muun mahdolliseksi.
@@ -88,7 +88,7 @@ Luo oma kansio terraario-projektillesi ja lisää ensimmäinen HTML-tiedostosi.
 4. Explorer-paneelissa klikkaa "New File" -ikonia
 5. Nimeä tiedostosi `index.html`
 
-![VS Code Explorer näyttää uuden tiedoston luomisen](../../../../translated_images/fi/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer näyttää uuden tiedoston luomisen](../../../../translated_images/fi/vs-code-index.e2986cf919471eb9.webp)
 
 **Vaihtoehto 2: Käytä terminaalikomentoja**
 ```bash
diff --git a/translations/fi/3-terrarium/2-intro-to-css/README.md b/translations/fi/3-terrarium/2-intro-to-css/README.md
index d695a964d..5126c0dda 100644
--- a/translations/fi/3-terrarium/2-intro-to-css/README.md
+++ b/translations/fi/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![Johdatus CSS:ään](../../../../translated_images/fi/webdev101-css.3f7af5991bf53a20.png)
+![Johdatus CSS:ään](../../../../translated_images/fi/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Muistatko, kuinka HTML-terrariumisi näytti melko yksinkertaiselta? CSS:n avulla voimme muuttaa tuon pelkistetyn rakenteen visuaalisesti houkuttelevaksi.
@@ -205,7 +205,7 @@ body {
 
 Avaa selaimesi kehitystyökalut (F12), siirry Elements-välilehteen ja tarkista `<h1>`-elementtisi. Näet, että se perii fonttiperheen body-elementiltä:
 
-![peritty fontti](../../../../translated_images/fi/1.cc07a5cbe114ad1d.png)
+![peritty fontti](../../../../translated_images/fi/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Kokeilua**: Kokeile asettaa muita periytyviä ominaisuuksia `<body>`-elementille, kuten `color`, `line-height` tai `text-align`. Mitä tapahtuu otsikolle ja muille elementeille?
 
@@ -592,7 +592,7 @@ Valmis parantamaan terrariumiasi realistisilla lasin heijastuksilla? Tämä tekn
 
 Luot hienovaraisia korostuksia, jotka simuloivat, miten valo heijastuu lasipinnoilta. Tämä lähestymistapa on samanlainen kuin miten renessanssimaalari Jan van Eyck käytti valoa ja heijastusta saadakseen maalatun lasin näyttämään kolmiulotteiselta. Tässä on tavoitteenasi:
 
-![valmis terrarium](../../../../translated_images/fi/terrarium-final.2f07047ffc597d0a.png)
+![valmis terrarium](../../../../translated_images/fi/terrarium-final.2f07047ffc597d0a.webp)
 
 **Haasteesi:**
 - **Luo** hienovaraisia valkoisia tai vaaleanvärisiä soikeita muotoja lasin heijastuksille
diff --git a/translations/fi/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/fi/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 81f9a0489..6fe67ff76 100644
--- a/translations/fi/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/fi/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM ja sulkeuma](../../../../translated_images/fi/webdev101-js.10280393044d7eaa.png)
+![DOM ja sulkeuma](../../../../translated_images/fi/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Tervetuloa yhteen verkkokehityksen kiehtovimmista osa-alueista – interaktiivisuuden luomiseen! Document Object Model (DOM) toimii sillan tavoin HTML:n ja JavaScriptin välillä, ja tänään käytämme sitä herättääksemme terrariosi eloon. Kun Tim Berners-Lee loi ensimmäisen verkkoselaimen, hän kuvitteli verkon, jossa dokumentit voisivat olla dynaamisia ja interaktiivisia – DOM tekee tämän vision mahdolliseksi.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![DOM-puun esitys](../../../../translated_images/fi/dom-tree.7daf0e763cbbba92.png)
+![DOM-puun esitys](../../../../translated_images/fi/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM:n ja sitä vastaavan HTML-koodin esitys. Lähde: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **Sulkeumien ymmärtäminen**: Sulkeumat ovat merkittävä aihe JavaScriptissä, ja monet kehittäjät käyttävät niitä vuosia ennen kuin täysin ymmärtävät kaikki teoreettiset näkökohdat. Tänään keskitymme käytännön sovellukseen – näet, kuinka sulkeumat syntyvät luonnollisesti interaktiivisia ominaisuuksia rakentaessamme. Ymmärrys kehittyy, kun näet, kuinka ne ratkaisevat todellisia ongelmia.
 
-![DOM-puun esitys](../../../../translated_images/fi/dom-tree.7daf0e763cbbba92.png)
+![DOM-puun esitys](../../../../translated_images/fi/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM:n ja sitä vastaavan HTML-koodin esitys. Lähde: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -589,7 +589,7 @@ Testaa nyt interaktiivista terrariumiasi! Avaa `index.html`-tiedosto verkkoselai
 - **Laitteiden välinen tuki**: Toimii sekä työpöydällä että mobiililaitteilla
 - **Suorituskyky huomioitu**: Ei muistivuotoja tai tarpeettomia laskelmia
 
-![valmis terrarium](../../../../translated_images/fi/terrarium-final.0920f16e87c13a84.png)
+![valmis terrarium](../../../../translated_images/fi/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/fi/3-terrarium/solution/README.md b/translations/fi/3-terrarium/solution/README.md
index 114bcba8a..c8a49d0c1 100644
--- a/translations/fi/3-terrarium/solution/README.md
+++ b/translations/fi/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pieni vedä ja pudota -koodimeditaatio. Vähän HTML:ää, JS:ää ja CSS:ää käyttäen voit rakentaa verkkokäyttöliittymän, tyylitellä sen ja lisätä siihen vuorovaikutteisuutta.
 
-![minun terraarioni](../../../../translated_images/fi/screenshot_gray.0c796099a1f9f25e.png)
+![minun terraarioni](../../../../translated_images/fi/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Tekijät
 
diff --git a/translations/fi/5-browser-extension/1-about-browsers/README.md b/translations/fi/5-browser-extension/1-about-browsers/README.md
index 22a1b900f..2a95a5ea7 100644
--- a/translations/fi/5-browser-extension/1-about-browsers/README.md
+++ b/translations/fi/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![Selaimen luonnos](../../../../translated_images/fi/browser.60317c9be8b7f84a.jpg)
+![Selaimen luonnos](../../../../translated_images/fi/browser.60317c9be8b7f84a.webp)
 > Luonnos: [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Ennakkokysely
@@ -79,7 +79,7 @@ Tämä prosessi muistuttaa, kuinka ensimmäinen selain, WorldWideWeb, suunnitelt
 
 ✅ **Pieni historia**: Ensimmäinen selain oli nimeltään 'WorldWideWeb' ja sen loi Sir Timothy Berners-Lee vuonna 1990.
 
-![varhaiset selaimet](../../../../translated_images/fi/earlybrowsers.d984b711cdf3a42d.jpg)
+![varhaiset selaimet](../../../../translated_images/fi/earlybrowsers.d984b711cdf3a42d.webp)
 > Joitakin varhaisia selaimia, lähde: [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Kuinka selaimet käsittelevät verkkosisältöä
@@ -198,7 +198,7 @@ quadrantChart
 
 Laajennuksen asennusprosessin ymmärtäminen auttaa sinua ennakoimaan käyttäjäkokemusta, kun ihmiset asentavat laajennuksesi. Asennusprosessi on standardoitu moderneissa selaimissa, pienillä käyttöliittymäsuunnittelun eroilla.
 
-![kuvakaappaus Edge-selaimesta, jossa edge://extensions-sivu ja asetukset-valikko ovat avoinna](../../../../translated_images/fi/install-on-edge.d68781acaf0b3d3d.png)
+![kuvakaappaus Edge-selaimesta, jossa edge://extensions-sivu ja asetukset-valikko ovat avoinna](../../../../translated_images/fi/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Tärkeää**: Varmista, että kehittäjätila on kytketty päälle ja salli laajennusten asentaminen muista kaupoista testatessasi omia laajennuksiasi.
 
@@ -313,10 +313,10 @@ Tämä noudattaa progressiivisen paljastamisen periaatetta, jota on käytetty k
 ### Laajennusnäkymien yleiskatsaus
 
 **Asetusnäkymä** - Ensimmäisen käyttökerran asetukset:
-![kuvakaappaus valmiista laajennuksesta avoinna selaimessa, jossa näkyy lomake alueen nimen ja API-avaimen syöttämiseksi.](../../../../translated_images/fi/1.b6da8c1394b07491.png)
+![kuvakaappaus valmiista laajennuksesta avoinna selaimessa, jossa näkyy lomake alueen nimen ja API-avaimen syöttämiseksi.](../../../../translated_images/fi/1.b6da8c1394b07491.webp)
 
 **Tulosnäkymä** - Hiilijalanjälkitietojen näyttö:
-![kuvakaappaus valmiista laajennuksesta, joka näyttää hiilen käytön ja fossiilisten polttoaineiden prosenttiosuuden US-NEISO-alueelle.](../../../../translated_images/fi/2.1dae52ff08042246.png)
+![kuvakaappaus valmiista laajennuksesta, joka näyttää hiilen käytön ja fossiilisten polttoaineiden prosenttiosuuden US-NEISO-alueelle.](../../../../translated_images/fi/2.1dae52ff08042246.webp)
 
 ### Asetuslomakkeen rakentaminen
 
diff --git a/translations/fi/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/fi/5-browser-extension/2-forms-browsers-local-storage/README.md
index 935d3fe18..eab474839 100644
--- a/translations/fi/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/fi/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -266,7 +266,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Paikallisen tallennuksen näkymä](../../../../translated_images/fi/localstorage.472f8147b6a3f8d1.png)
+![Paikallisen tallennuksen näkymä](../../../../translated_images/fi/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Tietoturvahuomio**: Tuotantosovelluksissa API-avainten tallentaminen LocalStorageen aiheuttaa tietoturvariskejä, koska JavaScript voi käyttää näitä tietoja. Oppimiskäyttöön tämä lähestymistapa toimii hyvin, mutta oikeissa sovelluksissa tulisi käyttää turvallista palvelinpuolen tallennusta arkaluontoisille tunnuksille.
 
diff --git a/translations/fi/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/fi/5-browser-extension/3-background-tasks-and-performance/README.md
index 0e3a095b6..c5fe7d629 100644
--- a/translations/fi/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/fi/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Avaa Edge-selaimen kehitystyökalut klikkaamalla oikeassa yläkulmassa olevia ko
 
 Kokeillaan tätä. Avaa verkkosivusto (Microsoft.com toimii hyvin tähän) ja klikkaa 'Tallenna'-painiketta. Päivitä sivu ja katso, kuinka profiilintyökalu tallentaa kaiken, mitä tapahtuu. Kun lopetat tallennuksen, näet yksityiskohtaisen erittelyn siitä, kuinka selain 'skriptasi', 'renderöi' ja 'maalasi' sivuston. Se muistuttaa minua siitä, kuinka ohjauskeskus seuraa jokaista järjestelmää raketin laukaisun aikana – saat reaaliaikaista dataa siitä, mitä tapahtuu ja milloin.
 
-![Edge profiler](../../../../translated_images/fi/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/fi/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoftin dokumentaatio](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) sisältää paljon lisätietoa, jos haluat syventyä aiheeseen.
 
@@ -136,11 +136,11 @@ Valitse profiilin aikajanan osia zoomataksesi tapahtumiin, jotka tapahtuvat sivu
 
 Saat yleiskuvan sivusi suorituskyvystä valitsemalla osan profiilin aikajanasta ja katsomalla yhteenvetopaneelia:
 
-![Edge profiler snapshot](../../../../translated_images/fi/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/fi/snapshot.97750180ebcad737.webp)
 
 Tarkista Tapahtumaloki-paneeli nähdäksesi, kestikö jokin tapahtuma yli 15 ms:
 
-![Edge event log](../../../../translated_images/fi/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/fi/log.804026979f3707e0.webp)
 
 ✅ Tutustu profiilityökaluusi! Avaa kehitystyökalut tällä sivustolla ja katso, onko pullonkauloja. Mikä on hitaimmin latautuva resurssi? Nopein?
 
diff --git a/translations/fi/5-browser-extension/README.md b/translations/fi/5-browser-extension/README.md
index 53f989792..896c8f345 100644
--- a/translations/fi/5-browser-extension/README.md
+++ b/translations/fi/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Tätä laajennusta käyttäjä voi kutsua ad hoc -tyyliin, kun API-avain ja alue
 
 ### Kiitokset
 
-![vihreä selaimen laajennus](../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![vihreä selaimen laajennus](../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kiitokset
 
diff --git a/translations/fi/5-browser-extension/solution/README.md b/translations/fi/5-browser-extension/solution/README.md
index 34805b7e8..73c0b76d1 100644
--- a/translations/fi/5-browser-extension/solution/README.md
+++ b/translations/fi/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Käyttämällä tmrow:n CO2 Signal -API:ta sähkönkulutuksen seuraamiseen voit rakentaa selainlaajennuksen, joka muistuttaa sinua suoraan selaimessa siitä, kuinka kuormittavaa alueesi sähkönkulutus on. Tämän laajennuksen satunnainen käyttö auttaa sinua tekemään päätöksiä toimistasi tämän tiedon perusteella.
 
-![laajennuksen kuvakaappaus](../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![laajennuksen kuvakaappaus](../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloittaminen
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, käytä selaimen oikean yläkulman 'kolmen pisteen' valikkoa löytääksesi Laajennukset-paneelin. Valitse sieltä 'Lataa purkamaton' ladataksesi uuden laajennuksen. Avaa 'dist'-kansio kehotteessa, ja laajennus latautuu. Käyttääksesi sitä tarvitset API-avaimen CO2 Signal -API:lle ([hanki avain sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostiosoitteesi tämän sivun laatikkoon) sekä [alueesi koodin](http://api.electricitymap.org/v3/zones), joka vastaa [Electricity Map](https://www.electricitymap.org/map) -karttaa (esimerkiksi Bostonissa käytän koodia 'US-NEISO').
 
-![asennus](../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![asennus](../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja alueen koodi on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkin värillinen piste muuttuu heijastamaan alueesi energiankulutusta ja antaa sinulle vihjeitä siitä, mitkä energiaintensiiviset toiminnot olisivat sopivia suorittaa. Tämän 'pistejärjestelmän' konsepti tuli minulle [Energy Lollipop -laajennuksesta](https://energylollipop.com/) Kalifornian päästöjen seuraamiseen.
 
diff --git a/translations/fi/5-browser-extension/solution/translation/README.fr.md b/translations/fi/5-browser-extension/solution/translation/README.fr.md
index 7df449f50..25d2544de 100644
--- a/translations/fi/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/fi/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Käyttämällä tmrow'n CO2 Signal -API:ta sähkönkulutuksen seuraamiseen, luo selainlaajennus, joka muistuttaa sinua suoraan selaimessasi alueesi sähkönkulutuksesta. Tämän ad hoc -laajennuksen käyttö auttaa sinua tekemään päätöksiä toimintasi suhteen näiden tietojen perusteella.
 
-![laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloittaminen
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, käytä selaimen oikean yläkulman 'kolmen pisteen' valikkoa löytääksesi Laajennukset-paneelin. Valitse sieltä 'Lataa purkamaton laajennus' ladataksesi uuden laajennuksen. Avaa 'dist'-kansio kehotteessa, ja laajennus latautuu. Käyttääksesi laajennusta tarvitset API-avaimen CO2 Signal -API:lle ([hanki avain sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostiosoitteesi sivun laatikkoon) sekä [alueesi koodin](http://api.electricitymap.org/v3/zones), joka vastaa [Electricity Map -karttaa](https://www.electricitymap.org/map) (esimerkiksi Bostonissa käytän 'US-NEISO').
 
-![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja alue on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkin värillisen pisteen tulisi muuttua heijastamaan alueesi energiankulutusta ja antaa sinulle vihjeen siitä, millaisia energiaintensiivisiä toimintoja olisi sopivaa tehdä. Tämän 'pistejärjestelmän' konsepti on saanut inspiraationsa [Energy Lollipop -laajennuksesta](https://energylollipop.com/) Kalifornian päästöjen osalta.
 
diff --git a/translations/fi/5-browser-extension/solution/translation/README.hi.md b/translations/fi/5-browser-extension/solution/translation/README.hi.md
index 5e0f37349..30b41589d 100644
--- a/translations/fi/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/fi/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Tmrow:n CO2 Signal API:n avulla seurataan sähkönkulutusta ja luodaan selainlaajennus, joka muistuttaa sinua siitä, kuinka kuormittavaa alueesi sähkönkäyttö on selaimessasi. Tämän laajennuksen käyttö auttaa sinua tekemään päätöksiä toiminnastasi tämän tiedon perusteella.
 
-![Laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![Laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloittaminen
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi sen Edge-selaimeen, käytä selaimen oikeassa yläkulmassa olevaa "kolmen pisteen" valikkoa löytääksesi laajennuspaneelin. Valitse sieltä "Lataa purkamaton" ladataksesi uuden laajennuksen. Avaa kehotteessa "dist"-kansio, ja laajennus latautuu. Käyttääksesi sitä, tarvitset CO2 Signal API -avaimen ([saatavilla sähköpostitse täältä](https://www.co2snal.com/) - syötä sähköpostiosoitteesi sivun laatikkoon) ja [alueesi koodin](http://api.electricitymap.org/v3/zones) [Electricity Map](https://www.electricitymap.org/map) -sivustolta (esimerkiksi Bostonissa käytän "US-NEISO").
 
-![Asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![Asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja alue on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkissa oleva värillinen piste muuttuu heijastamaan alueesi energiankäyttöä ja antaa sinulle indikaattorin siitä, mitkä energiaintensiiviset toiminnot sopivat parhaiten suoritettavaksi. Tämän "piste"-järjestelmän idea tuli minulle Kalifornian päästöjen [Energy Lollipop -laajennuksesta](https://energylollipop.com/).
 
diff --git a/translations/fi/5-browser-extension/solution/translation/README.it.md b/translations/fi/5-browser-extension/solution/translation/README.it.md
index ef1bc0418..8c6ef0595 100644
--- a/translations/fi/5-browser-extension/solution/translation/README.it.md
+++ b/translations/fi/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Tässä projektissa käytetään tmrow:n Signal CO2 -rajapintaa sähköenergian käytön seuraamiseen. Tarkoituksena on luoda selainlaajennus, joka muistuttaa suoraan selaimessa, kuinka kuormittavaa sähköenergian käyttö on omalla alueella. Tämän laajennuksen avulla voi arvioida omia toimintojaan näiden tietojen perusteella.
 
-![laajennuksen näkymä](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![laajennuksen näkymä](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloittaminen
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, käytä selaimen oikeassa yläkulmassa olevaa "kolmen pisteen" valikkoa ja etsi Laajennukset-paneeli. Jos kehittäjätila ei ole vielä käytössä, ota se käyttöön (vasemmassa alakulmassa). Valitse "Lataa purkamaton" lisätäksesi uuden laajennuksen. Avaa "dist"-kansio kehotteessa, ja laajennus ladataan. Käyttöä varten tarvitset API-avaimen CO2 Signal -rajapintaan (voit [hankkia sen sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostiosoitteesi sivulla olevaan kenttään) sekä [alueesi koodin](http://api.electricitymap.org/v3/zones), joka vastaa [sähkökarttaa](https://www.electricitymap.org/map) (esimerkiksi Bostonissa "US-NEISO").
 
-![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja alue on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkissa oleva väripiste muuttuu heijastamaan alueen energiankäyttöä. Se antaa myös vihjeitä siitä, mitkä korkean energiankulutuksen toiminnot olisivat sopivia suorittaa. Tämän "pistejärjestelmän" konsepti on peräisin [Energy Lollipop -laajennuksesta](https://energylollipop.com/), joka seuraa Kalifornian päästöjä.
 
diff --git a/translations/fi/5-browser-extension/solution/translation/README.ja.md b/translations/fi/5-browser-extension/solution/translation/README.ja.md
index dda9568aa..1962402ad 100644
--- a/translations/fi/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/fi/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Rakennetaan selainlaajennus, joka käyttää tmrow:n CO2 Signal API:ta seuratakseen energiankulutusta ja näyttää muistutuksena, kuinka paljon sähköä alueellasi käytetään. Tämän laajennuksen avulla voit tehdä päätöksiä toiminnastasi tämän tiedon perusteella.
 
-![laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloitus
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, etsi selaimen oikeasta yläkulmasta "kolmen pisteen" valikosta "Laajennukset"-paneeli. Valitse sieltä "Load Unpacked" ja lataa uusi laajennus. Kun sinua kehotetaan, avaa "dist"-kansio, jolloin laajennus latautuu. Käyttääksesi laajennusta tarvitset CO2 Signal API:n API-avaimen ([hanki yksi sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostisi tämän sivun laatikkoon) sekä [Electricity Map](https://www.electricitymap.org/map) -sivuston mukaisen [aluekoodin](http://api.electricitymap.org/v3/zones) (esimerkiksi Bostonissa käytetään 'US-NEISO').
 
-![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![asennus](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun syötät API-avaimen ja aluekoodin laajennuksen käyttöliittymään, selainlaajennuspalkissa näkyvä värillinen piste muuttuu ja heijastaa alueesi energiankulutusta. Tämä auttaa sinua arvioimaan, millaisia energiaa vaativia toimintoja on sopivaa tehdä. Tämän "piste"-järjestelmän idea tuli minulle Kalifornian päästöjen [Energy Lollipop -laajennuksesta](https://energylollipop.com/).
 
diff --git a/translations/fi/5-browser-extension/solution/translation/README.ms.md b/translations/fi/5-browser-extension/solution/translation/README.ms.md
index a79cf74d8..3541eb680 100644
--- a/translations/fi/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/fi/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Käyttämällä tmrow:n CO2 Signal -API:ta sähkönkulutuksen seuraamiseen, rakenna selaimen laajennus, joka antaa sinulle ilmoituksia siitä, kuinka raskasta alueesi sähkönkulutus on. Tämän laajennuksen käyttö auttaa sinua tekemään tietoisempia päätöksiä toiminnastasi näiden tietojen perusteella.
 
-![selaimen laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![selaimen laajennuksen kuvakaappaus](../../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloita tästä
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, käytä selaimen oikeassa yläkulmassa olevaa "kolmen pisteen" valikkoa löytääksesi Laajennukset-paneelin. Valitse sieltä 'Load Unpacked' ladataksesi uuden laajennuksen. Avaa 'dist'-kansio pyynnön mukaisesti, ja laajennus latautuu. Käyttääksesi sitä tarvitset API-avaimen CO2 Signal -API:lle ([hanki avain sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostiosoitteesi sivun laatikkoon) sekä [alueesi koodin](http://api.electricitymap.org/v3/zones), joka vastaa [Electricity Map](https://www.electricitymap.org/map) -karttaa (esimerkiksi Bostonissa käytän 'US-NEISO').
 
-![lataus käynnissä](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![lataus käynnissä](../../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja aluekoodi on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkin värillinen piste muuttuu heijastamaan alueesi energiankulutusta ja antaa sinulle vihjeitä siitä, millaisia raskaita toimintoja kannattaa tehdä. Tämän "pistejärjestelmän" konsepti tuli minulle [Energy Lollipop -selaimen laajennuksesta](https://energylollipop.com/) Kalifornian päästöjen seuraamiseen.
 
diff --git a/translations/fi/5-browser-extension/start/README.md b/translations/fi/5-browser-extension/start/README.md
index a19771aff..19660cb62 100644
--- a/translations/fi/5-browser-extension/start/README.md
+++ b/translations/fi/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Käyttämällä tmrow'n CO2 Signal API:ta sähkönkulutuksen seuraamiseen, voit rakentaa selaimen laajennuksen, joka muistuttaa sinua suoraan selaimessa siitä, kuinka kuormittavaa alueesi sähkönkulutus on. Tämän laajennuksen satunnainen käyttö auttaa sinua tekemään harkittuja päätöksiä toimistasi tämän tiedon perusteella.
 
-![laajennuksen kuvakaappaus](../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.png)
+![laajennuksen kuvakaappaus](../../../../translated_images/fi/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Aloittaminen
 
@@ -31,7 +31,7 @@ npm run build
 
 Asentaaksesi laajennuksen Edge-selaimeen, käytä selaimen oikean yläkulman "kolmen pisteen" valikkoa löytääksesi Laajennukset-paneelin. Valitse sieltä "Lataa purkamaton" ladataksesi uuden laajennuksen. Avaa kehotteessa "dist"-kansio, ja laajennus latautuu. Käyttääksesi sitä, tarvitset API-avaimen CO2 Signal API:lle ([hanki avain sähköpostitse täältä](https://www.co2signal.com/) - syötä sähköpostiosoitteesi tämän sivun laatikkoon) sekä [alueesi koodin](http://api.electricitymap.org/v3/zones), joka vastaa [Electricity Map](https://www.electricitymap.org/map) -karttaa (esimerkiksi Bostonissa käytän koodia 'US-NEISO').
 
-![asennus](../../../../translated_images/fi/install-on-edge.78634f02842c4828.png)
+![asennus](../../../../translated_images/fi/install-on-edge.78634f02842c4828.webp)
 
 Kun API-avain ja alueen koodi on syötetty laajennuksen käyttöliittymään, selaimen laajennuspalkin värillinen piste muuttuu heijastamaan alueesi energiankulutusta ja antaa sinulle vihjeitä siitä, mitkä energiaintensiiviset toiminnot olisivat sopivia suorittaa. Tämän "piste"-järjestelmän konsepti on peräisin [Energy Lollipop -laajennuksesta](https://energylollipop.com/) Kalifornian päästöjen seurantaan.
 
diff --git a/translations/fi/6-space-game/2-drawing-to-canvas/README.md b/translations/fi/6-space-game/2-drawing-to-canvas/README.md
index d46d647ab..8906a082b 100644
--- a/translations/fi/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/fi/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![canvasin ruudukko](../../../../translated_images/fi/canvas_grid.5f209da785ded492.png)
+![canvasin ruudukko](../../../../translated_images/fi/canvas_grid.5f209da785ded492.webp)
 > Kuva [MDN:stä](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Canvas-elementille piirtäminen noudattaa samaa kolmen vaiheen prosessia, joka muodostaa kaikkien canvas-grafiikoiden perustan. Kun teet tämän muutaman kerran, se muuttuu toiseksi luonteeksi:
@@ -329,11 +329,11 @@ Sinun tulee rakentaa verkkosivu, jossa on Canvas-elementti. Sen tulisi näyttä
 
 - Sankarilaiva
 
-   ![Sankarilaiva](../../../../translated_images/fi/player.dd24c1afa8c71e9b.png)
+   ![Sankarilaiva](../../../../translated_images/fi/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 hirviöjoukko
 
-   ![Hirviölaiva](../../../../translated_images/fi/enemyShip.5df2a822c16650c2.png)
+   ![Hirviölaiva](../../../../translated_images/fi/enemyShip.5df2a822c16650c2.webp)
 
 ### Suositellut kehitysvaiheet
 
@@ -467,7 +467,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Valmis tulos näyttää tältä:
 
-![Musta ruutu, jossa sankari ja 5*5 hirviötä](../../../../translated_images/fi/partI-solution.36c53b48c9ffae2a.png)
+![Musta ruutu, jossa sankari ja 5*5 hirviötä](../../../../translated_images/fi/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Ratkaisu
 
diff --git a/translations/fi/6-space-game/5-keeping-score/README.md b/translations/fi/6-space-game/5-keeping-score/README.md
index e16bf6c13..c257eaec7 100644
--- a/translations/fi/6-space-game/5-keeping-score/README.md
+++ b/translations/fi/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **Pistejärjestelmä**: Jokainen tuhottu vihollisalus antaa 100 pistettä (pyöreät numerot ovat helpompia pelaajien laskea mielessään). Pisteet näytetään vasemmassa alakulmassa.
-- **Elämälaskuri**: Sankarisi aloittaa kolmella elämällä – standardi, jonka varhaiset arcade-pelit asettivat tasapainottamaan haastetta ja pelattavuutta. Jokainen törmäys viholliseen maksaa yhden elämän. Näytämme jäljellä olevat elämät oikeassa alakulmassa aluksen ikoneilla ![elämäkuva](../../../../translated_images/fi/life.6fb9f50d53ee0413.png).
+- **Elämälaskuri**: Sankarisi aloittaa kolmella elämällä – standardi, jonka varhaiset arcade-pelit asettivat tasapainottamaan haastetta ja pelattavuutta. Jokainen törmäys viholliseen maksaa yhden elämän. Näytämme jäljellä olevat elämät oikeassa alakulmassa aluksen ikoneilla ![elämäkuva](../../../../translated_images/fi/life.6fb9f50d53ee0413.webp).
 
 ## Aloitetaan rakentaminen!
 
diff --git a/translations/fi/7-bank-project/1-template-route/README.md b/translations/fi/7-bank-project/1-template-route/README.md
index fdc520206..820edec9b 100644
--- a/translations/fi/7-bank-project/1-template-route/README.md
+++ b/translations/fi/7-bank-project/1-template-route/README.md
@@ -639,7 +639,7 @@ sequenceDiagram
 
 `history.pushState` luo uusia merkintöjä selaimen navigointihistoriaan. Voit tarkistaa tämän pitämällä *takaisin-painiketta* painettuna selaimessasi, sen pitäisi näyttää jotain tällaista:
 
-![Navigointihistorian kuvakaappaus](../../../../translated_images/fi/history.7fdabbafa521e064.png)
+![Navigointihistorian kuvakaappaus](../../../../translated_images/fi/history.7fdabbafa521e064.webp)
 
 Jos yrität klikata takaisin-painiketta muutaman kerran, huomaat, että nykyinen URL-osoite muuttuu ja historia päivittyy, mutta sama template pysyy näytettynä.
 
diff --git a/translations/fi/7-bank-project/2-forms/README.md b/translations/fi/7-bank-project/2-forms/README.md
index ab53a480e..aaef60c97 100644
--- a/translations/fi/7-bank-project/2-forms/README.md
+++ b/translations/fi/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ Ensiksi tarkastellaan, mitä tapahtuu peruslomakkeen lähetyksessä:
 2. Tarkkaile muutoksia selaimesi osoiterivillä
 3. Huomaa, kuinka sivu latautuu uudelleen ja tiedot näkyvät URL-osoitteessa
 
-![Kuvakaappaus selaimen URL-osoitteen muutoksesta Rekisteröidy-painikkeen klikkauksen jälkeen](../../../../translated_images/fi/click-register.e89a30bf0d4bc9ca.png)
+![Kuvakaappaus selaimen URL-osoitteen muutoksesta Rekisteröidy-painikkeen klikkauksen jälkeen](../../../../translated_images/fi/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP-menetelmien vertailu
 
@@ -350,7 +350,7 @@ Konfiguroidaan rekisteröintilomakkeesi kommunikoimaan oikein taustapalvelimen A
 2. **Klikkaa** "Luo tili" -painiketta
 3. **Tarkkaile** palvelimen vastausta selaimessasi
 
-![Selaimen ikkuna osoitteessa localhost:5000/api/accounts, jossa näkyy JSON-merkkijono käyttäjätiedoilla](../../../../translated_images/fi/form-post.61de4ca1b964d91a.png)
+![Selaimen ikkuna osoitteessa localhost:5000/api/accounts, jossa näkyy JSON-merkkijono käyttäjätiedoilla](../../../../translated_images/fi/form-post.61de4ca1b964d91a.webp)
 
 **Mitä sinun pitäisi nähdä:**
 - **Selaimen uudelleenohjaus** API-päätepisteen URL-osoitteeseen
@@ -554,7 +554,7 @@ async function register() {
 3. **Klikkaa** "Luo tili"
 4. **Tarkkaile** konsoliviestejä ja käyttäjäpalautetta
 
-![Näyttökuva, jossa näkyy lokiviesti selaimen konsolissa](../../../../translated_images/fi/browser-console.efaf0b51aaaf6778.png)
+![Näyttökuva, jossa näkyy lokiviesti selaimen konsolissa](../../../../translated_images/fi/browser-console.efaf0b51aaaf6778.webp)
 
 **Mitä sinun pitäisi nähdä:**
 - **Lataustila** näkyy lähetyspainikkeessa
@@ -729,7 +729,7 @@ Parannetaan rekisteröintilomakettasi vankalla validoinnilla, joka tarjoaa erino
 3. **Kokeile** erikoismerkkejä käyttäjänimi-kentässä
 4. **Anna** negatiivinen saldo
 
-![Näyttökuva, jossa näkyy validointivirhe lomakkeen lähettämisen yhteydessä](../../../../translated_images/fi/validation-error.8bd23e98d416c22f.png)
+![Näyttökuva, jossa näkyy validointivirhe lomakkeen lähettämisen yhteydessä](../../../../translated_images/fi/validation-error.8bd23e98d416c22f.webp)
 
 **Mitä huomaat:**
 - **Selaimen näyttämät** natiivivalidointiviestit
@@ -859,7 +859,7 @@ Näytä virheilmoitus HTML:ssä, jos käyttäjä on jo olemassa.
 
 Tässä on esimerkki siitä, miltä lopullinen kirjautumissivu voi näyttää pienen tyylittelyn jälkeen:
 
-![Näyttökuva kirjautumissivusta CSS-tyylien lisäämisen jälkeen](../../../../translated_images/fi/result.96ef01f607bf856a.png)
+![Näyttökuva kirjautumissivusta CSS-tyylien lisäämisen jälkeen](../../../../translated_images/fi/result.96ef01f607bf856a.webp)
 
 ## Luentojälkeinen kysely
 
diff --git a/translations/fi/7-bank-project/3-data/README.md b/translations/fi/7-bank-project/3-data/README.md
index 08fc43596..50518d654 100644
--- a/translations/fi/7-bank-project/3-data/README.md
+++ b/translations/fi/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![Päivitysprosessi monisivuisessa sovelluksessa](../../../../translated_images/fi/mpa.7f7375a1a2d4aa77.png)
+![Päivitysprosessi monisivuisessa sovelluksessa](../../../../translated_images/fi/mpa.7f7375a1a2d4aa77.webp)
 
 **Miksi tämä lähestymistapa tuntui kömpelöltä:**
 - Jokainen klikkaus tarkoitti koko sivun uudelleenrakentamista
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![Päivitysprosessi yksisivuisessa sovelluksessa](../../../../translated_images/fi/spa.268ec73b41f992c2.png)
+![Päivitysprosessi yksisivuisessa sovelluksessa](../../../../translated_images/fi/spa.268ec73b41f992c2.webp)
 
 **Miksi SPA:t tuntuvat niin paljon paremmilta:**
 - Vain ne osat, jotka oikeasti muuttuivat, päivitetään (fiksua, eikö?)
@@ -515,7 +515,7 @@ if (data.error) {
 
 Nyt kun testaat virheellisellä tilillä, näet hyödyllisen virheilmoituksen suoraan sivulla!
 
-![Näyttökuva, jossa virheilmoitus näkyy kirjautumisen aikana](../../../../translated_images/fi/login-error.416fe019b36a6327.png)
+![Näyttökuva, jossa virheilmoitus näkyy kirjautumisen aikana](../../../../translated_images/fi/login-error.416fe019b36a6327.webp)
 
 #### Vaihe 4: Ole inklusiivinen saavutettavuuden suhteen
 
@@ -928,7 +928,7 @@ Valmis viemään pankkisovelluksesi seuraavalle tasolle? Tehdään siitä jotain
 
 Tältä viimeistelty kojelauta voisi näyttää:
 
-![Esimerkkikuva viimeistellystä kojelaudasta tyylittelyn jälkeen](../../../../translated_images/fi/screen2.123c82a831a1d14a.png)
+![Esimerkkikuva viimeistellystä kojelaudasta tyylittelyn jälkeen](../../../../translated_images/fi/screen2.123c82a831a1d14a.webp)
 
 Sinun ei tarvitse kopioida tätä täysin - käytä sitä inspiraationa ja tee siitä oman näköisesi!
 
diff --git a/translations/fi/7-bank-project/4-state-management/README.md b/translations/fi/7-bank-project/4-state-management/README.md
index 234b542db..191aa867a 100644
--- a/translations/fi/7-bank-project/4-state-management/README.md
+++ b/translations/fi/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ Kuten Titanicin osastoitu rakenne, joka vaikutti vankalta, kunnes useat osastot
 
 Sen sijaan, että juoksisimme ympyrää, luomme **keskitetyn tilanhallintajärjestelmän**. Ajattele sitä kuin yhtä todella järjestelmällistä henkilöä, joka vastaa kaikesta tärkeästä:
 
-![Kaavio, joka näyttää datavirrat HTML:n, käyttäjän toimien ja tilan välillä](../../../../translated_images/fi/data-flow.fa2354e0908fecc8.png)
+![Kaavio, joka näyttää datavirrat HTML:n, käyttäjän toimien ja tilan välillä](../../../../translated_images/fi/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
diff --git a/translations/fi/7-bank-project/4-state-management/assignment.md b/translations/fi/7-bank-project/4-state-management/assignment.md
index a0a409d54..746e08f89 100644
--- a/translations/fi/7-bank-project/4-state-management/assignment.md
+++ b/translations/fi/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Katso [palvelimen API-dokumentaatio](../api/README.md) saadaksesi tietoa:
 **Odotettu tulos:**
 Tehtävän suorittamisen jälkeen pankkisovelluksessasi pitäisi olla täysin toimiva "Lisää tapahtuma" -ominaisuus, joka näyttää ja käyttäytyy ammattimaisesti:
 
-![Näyttökuva esimerkkidialogista "Lisää tapahtuma"](../../../../translated_images/fi/dialog.93bba104afeb79f1.png)
+![Näyttökuva esimerkkidialogista "Lisää tapahtuma"](../../../../translated_images/fi/dialog.93bba104afeb79f1.webp)
 
 ## Toteutuksen testaus
 
diff --git a/translations/fi/7-bank-project/README.md b/translations/fi/7-bank-project/README.md
index 11dd827ad..672eb12c1 100644
--- a/translations/fi/7-bank-project/README.md
+++ b/translations/fi/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Tässä projektissa opit rakentamaan kuvitteellisen pankin. Näissä oppitunneissa annetaan ohjeita siitä, miten verkkosovellus suunnitellaan ja reitit määritetään, miten lomakkeita rakennetaan, tilaa hallitaan ja tietoja haetaan API:sta, josta voit hakea pankin tiedot.
 
-| ![Screen1](../../../translated_images/fi/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/fi/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/fi/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/fi/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Oppitunnit
diff --git a/translations/fi/8-code-editor/1-using-a-code-editor/README.md b/translations/fi/8-code-editor/1-using-a-code-editor/README.md
index 48a7c9db9..5b9f52e18 100644
--- a/translations/fi/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/fi/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ Aivan kuten Alexander Graham Bellin puhelin yhdisti etäisiä paikkoja, GitHub-t
 
 Kun kaikki on latautunut, näet kauniin ja selkeän työtilan, joka on suunniteltu pitämään sinut keskittyneenä siihen, mikä on tärkeää – koodisi!
 
-![VSCode.dev:n oletuskäyttöliittymä](../../../../translated_images/fi/default-vscode-dev.5d06881d65c1b323.png)
+![VSCode.dev:n oletuskäyttöliittymä](../../../../translated_images/fi/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Tässä on kierros naapurustossa:**
 - **Toimintopalkki** (vasemmalla oleva kaistale): Päänavigointisi, jossa on Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩 ja Settings ⚙️
@@ -233,7 +233,7 @@ Tämä on täydellinen, kun aloitat VSCode.devissä ja haluat avata tietyn repos
 1. Siirry osoitteeseen [vscode.dev](https://vscode.dev), jos et ole jo siellä
 2. Etsi "Open Remote Repository" -painike aloitusnäytöltä ja klikkaa sitä
 
-   ![Avaa etärepositorio](../../../../translated_images/fi/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Avaa etärepositorio](../../../../translated_images/fi/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Liitä mikä tahansa GitHub-repositorion URL (kokeile tätä: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Paina Enter ja katso, kuinka taikuus tapahtuu!
@@ -242,7 +242,7 @@ Tämä on täydellinen, kun aloitat VSCode.devissä ja haluat avata tietyn repos
 
 Haluatko tuntea itsesi koodausvelhoksi? Kokeile tätä näppäinyhdistelmää: Ctrl+Shift+P (tai Cmd+Shift+P Macilla) avataksesi komentopalettin:
 
-![Komentopaletti](../../../../translated_images/fi/palette-menu.4946174e07f42622.png)
+![Komentopaletti](../../../../translated_images/fi/palette-menu.4946174e07f42622.webp)
 
 **Komentopaletti on kuin hakukone kaikelle, mitä voit tehdä:**
 - Kirjoita "open remote", ja se löytää repositorion avaajan puolestasi
@@ -304,7 +304,7 @@ Aivan kuten arkkitehdin toimistossa piirustusten järjestäminen, tiedostojen lu
 3. Syötä tiedoston nimi, mukaan lukien oikea tiedostopääte (`style.css`, `script.js`, `index.html`)
 4. Paina Enter luodaksesi tiedoston
 
-![Uuden tiedoston luominen](../../../../translated_images/fi/create-new-file.2814e609c2af9aeb.png)
+![Uuden tiedoston luominen](../../../../translated_images/fi/create-new-file.2814e609c2af9aeb.webp)
 
 **Nimeämiskäytännöt:**
 - Käytä kuvailevia nimiä, jotka kertovat tiedoston tarkoituksen
@@ -322,7 +322,7 @@ Tässä alkaa todellinen hauskuus! VSCode.dev:n editori on täynnä hyödyllisi
 2. Aloita kirjoittaminen ja katso, kuinka VSCode.dev auttaa sinua väreillä, ehdotuksilla ja virheiden tunnistamisella
 3. Tallenna työsi Ctrl+S (Windows/Linux) tai Cmd+S (Mac) – vaikka se tallentaa automaattisesti!
 
-![Tiedostojen muokkaaminen VSCode.devissä](../../../../translated_images/fi/edit-a-file.52c0ee665ef19f08.png)
+![Tiedostojen muokkaaminen VSCode.devissä](../../../../translated_images/fi/edit-a-file.52c0ee665ef19f08.webp)
 
 **Siistit jutut, jotka tapahtuvat koodatessasi:**
 - Koodisi saa kauniin värikoodauksen, joten sitä on helppo lukea
@@ -398,7 +398,7 @@ Laajennusmarkkinapaikka on todella hyvin järjestetty, joten et eksy etsiessäsi
 2. Selaa tai etsi jotain tiettyä
 3. Klikkaa mitä tahansa kiinnostavaa saadaksesi lisätietoja
 
-![Laajennusmarkkinapaikan käyttöliittymä](../../../../translated_images/fi/extensions.eca0e0c7f59a10b5.png)
+![Laajennusmarkkinapaikan käyttöliittymä](../../../../translated_images/fi/extensions.eca0e0c7f59a10b5.webp)
 
 **Mitä siellä näet:**
 
@@ -451,7 +451,7 @@ Useimmissa laajennuksissa on asetuksia, joita voit säätää, jotta ne toimivat
 3. Valitse "Laajennuksen asetukset" pudotusvalikosta
 4. Säädä asetuksia, kunnes ne tuntuvat sopivilta työnkulullesi
 
-![Laajennusasetusten räätälöinti](../../../../translated_images/fi/extension-settings.21c752ae4f4cdb78.png)
+![Laajennusasetusten räätälöinti](../../../../translated_images/fi/extension-settings.21c752ae4f4cdb78.webp)
 
 **Yleisiä asioita, joita saatat haluta säätää:**
 - Miten koodisi muotoillaan (välilehdet vs välilyönnit, rivin pituus jne.)
diff --git a/translations/fi/8-code-editor/1-using-a-code-editor/assignment.md b/translations/fi/8-code-editor/1-using-a-code-editor/assignment.md
index 1368d556d..4d9f7e8e0 100644
--- a/translations/fi/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/fi/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Koska VSCode.dev vaatii vähintään yhden tiedoston repositorion avaamiseen, lu
 4. **Kirjoita** commit-viesti: "Lisätty alkuperäinen HTML-rakenne"
 5. **Klikkaa** "Commit new file" tallentaaksesi muutokset
 
-![Luodaan alkuperäinen tiedosto GitHubissa](../../../../translated_images/fi/new-file-github.com.c886796d800e8056.png)
+![Luodaan alkuperäinen tiedosto GitHubissa](../../../../translated_images/fi/new-file-github.com.c886796d800e8056.webp)
 
 **Mitä tämä alkuperäinen asetus saavuttaa:**
 - **Luo** asianmukaisen HTML5-dokumenttirakenteen semanttisilla elementeillä
@@ -104,7 +104,7 @@ Nyt kun repositorion perusta on luotu, siirrytään VSCode.dev:iin varsinaista k
 
 ✅ **Onnistumisen merkki**: Näet projektitiedostosi Explorer-sivupalkissa ja `index.html`-tiedoston muokattavissa pääeditorialueella.
 
-![Projekti ladattu VSCode.dev:ssä](../../../../translated_images/fi/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projekti ladattu VSCode.dev:ssä](../../../../translated_images/fi/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Mitä näet käyttöliittymässä:**
 - **Explorer-sivupalkki**: **Näyttää** repositorion tiedostot ja kansiorakenteen
@@ -448,7 +448,7 @@ Laajennukset parantavat kehityskokemustasi tarjoamalla reaaliaikaisia esikatselu
 **Välittömät tulokset asennuksen jälkeen:**
 Kun CodeSwing on asennettu, näet ansioluettelosivustosi reaaliaikaisen esikatselun editorissa. Tämä mahdollistaa sen, että näet tarkalleen, miltä sivustosi näyttää tehdessäsi muutoksia.
 
-![CodeSwing-laajennus näyttää reaaliaikaisen esikatselun](../../../../translated_images/fi/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing-laajennus näyttää reaaliaikaisen esikatselun](../../../../translated_images/fi/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Parannetun käyttöliittymän ymmärtäminen:**
 - **Jaettu näkymä**: **Näyttää** koodisi toisella puolella ja reaaliaikaisen esikatselun toisella
diff --git a/translations/fi/9-chat-project/README.md b/translations/fi/9-chat-project/README.md
index 51ff1acb6..0c22ce2b8 100644
--- a/translations/fi/9-chat-project/README.md
+++ b/translations/fi/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 Tältä valmis projektisi näyttää:
 
-![Keskustelusovelluksen käyttöliittymä, jossa näkyy keskustelu käyttäjän ja tekoälyavustajan välillä](../../../translated_images/fi/screenshot.0a1ee0d123df681b.png)
+![Keskustelusovelluksen käyttöliittymä, jossa näkyy keskustelu käyttäjän ja tekoälyavustajan välillä](../../../translated_images/fi/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Oppimismatka tekoälysovellusten kehittämiseen
 
@@ -194,7 +194,7 @@ mindmap
 
 **Keskeinen periaate**: Tekoälysovellusten kehitys yhdistää perinteiset verkkokehitystaidot tekoälypalveluiden integrointiin, luoden älykkäitä sovelluksia, jotka tuntuvat käyttäjille luonnollisilta ja reagoivilta.
 
-![GitHub Models AI Playground -käyttöliittymä, jossa mallin valinta ja testausalue](../../../translated_images/fi/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground -käyttöliittymä, jossa mallin valinta ja testausalue](../../../translated_images/fi/playground.d2b927122224ff8f.webp)
 
 **Mikä tekee Playgroundista niin hyödyllisen:**
 - **Kokeile** eri tekoälymalleja, kuten GPT-4o-mini, Claude ja muita (kaikki ilmaisia!)
@@ -204,7 +204,7 @@ mindmap
 
 Kun olet kokeillut hieman, klikkaa vain "Code"-välilehteä ja valitse ohjelmointikieli saadaksesi toteutuskoodin, jota tarvitset.
 
-![Playground-vaihtoehto, jossa näkyy koodin generointivaihtoehdot eri ohjelmointikielille](../../../translated_images/fi/playground-choice.1d23ba7d407f4758.png)
+![Playground-vaihtoehto, jossa näkyy koodin generointivaihtoehdot eri ohjelmointikielille](../../../translated_images/fi/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python-taustaintegraation asettaminen
 
@@ -2141,14 +2141,14 @@ Haluatko kokeilla tätä projektia pilvipohjaisessa kehitysympäristössä? GitH
 - **Siirry** [Web Dev For Beginners -repositoryyn](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Klikkaa** "Use this template" oikeassa yläkulmassa (varmista, että olet kirjautunut GitHubiin)  
 
-![Luo mallista -käyttöliittymä, jossa näkyy vihreä "Use this template" -painike](../../../translated_images/fi/template.67ad477109d29a2b.png)  
+![Luo mallista -käyttöliittymä, jossa näkyy vihreä "Use this template" -painike](../../../translated_images/fi/template.67ad477109d29a2b.webp)  
 
 **Vaihe 2: Käynnistä Codespaces**  
 - **Avaa** juuri luomasi repository  
 - **Klikkaa** vihreää "Code"-painiketta ja valitse "Codespaces"  
 - **Valitse** "Create codespace on main" aloittaaksesi kehitysympäristön  
 
-![Luo Codespace -käyttöliittymä, jossa näkyy vaihtoehdot pilvipohjaisen kehitysympäristön käynnistämiseen](../../../translated_images/fi/codespace.bcecbdf5d2747d3d.png)  
+![Luo Codespace -käyttöliittymä, jossa näkyy vaihtoehdot pilvipohjaisen kehitysympäristön käynnistämiseen](../../../translated_images/fi/codespace.bcecbdf5d2747d3d.webp)  
 
 **Vaihe 3: Ympäristön konfigurointi**  
 Kun Codespace latautuu, sinulla on käytössäsi:  
diff --git a/translations/fi/README.md b/translations/fi/README.md
index 8a02f37e4..ea47f481a 100644
--- a/translations/fi/README.md
+++ b/translations/fi/README.md
@@ -72,13 +72,13 @@ Uusi AI-avustajaprojekti juuri lisätty, tutustu projektiin [tästä](./9-chat-p
 
 Käy osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) aloittaaksesi!
 
-![Background](../../translated_images/fi/background.148a8d43afde5730.png)
+![Background](../../translated_images/fi/background.148a8d43afde5730.webp)
 
 - Oppitunnit kattavat kaiken perusteista RAG:iin.
 - Vuorovaikutus historiallisten hahmojen kanssa GenAI:n ja lisäsovelluksemme kautta.
 - Hauska ja mukaansatempaava tarinankerronta, matkustat ajassa!
 
-![character](../../translated_images/fi/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/fi/character.5c0dd8e067ffd693.webp)
 
 
 Jokaisessa oppitunnissa on tehtävä suoritettavaksi, tietoarviointi ja haaste, jotka ohjaavat sinua oppimaan aiheista kuten:
@@ -115,7 +115,7 @@ Noudata näitä ohjeita:
 
 Omassa kopiossasi tästä repositoriosta, jonka loit, klikkaa **Code** ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-työtilan.
 
-![Codespace](../../translated_images/fi/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/fi/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Opetussuunnitelman suorittaminen paikallisesti tietokoneella
 
diff --git a/translations/fi/for-teachers.md b/translations/fi/for-teachers.md
index 5e6401607..9dcdb6589 100644
--- a/translations/fi/for-teachers.md
+++ b/translations/fi/for-teachers.md
@@ -42,10 +42,10 @@ Tämä opetusohjelma sisältää tuontipaketteja yleisiin LMS-työnkulkuihin.
   - Moodle Cloud tukee rajoitetusti Common Cartridgea. Suosi yllä olevaa Moodle-tiedostoa, joka voidaan myös ladata Canvasiin.
   - Tuonnin jälkeen tarkista moduulit, määräajat ja visailuasetukset, jotta ne vastaavat lukukautesi aikataulua.
 
-![Moodle](../../translated_images/fi/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/fi/moodle.94eb93d714a50cb2.webp)
 > Opetusohjelma Moodle-luokassa
 
-![Canvas](../../translated_images/fi/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/fi/canvas.fbd605ff8e5b8aff.webp)
 > Opetusohjelma Canvasissa
 
 ### Repositorion käyttö suoraan (ilman Classroomia)
diff --git a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 9ef0f7f48..02b4faa3f 100644
--- a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 היום, אנחנו הולכים לחקור את הכלים המדהימים שהופכים את פיתוח האינטרנט המודרני לא רק לאפשרי, אלא לממכר ברצינות. אני מדבר על אותם עורכים, דפדפנים ותהליכי עבודה שהמפתחים בנטפליקס, ספוטיפיי, ובסטודיו האפליקציות האהוב עליך משתמשים בהם כל יום. והנה החלק שיגרום לך לרקוד משמחה: רוב הכלים המקצועיים האלה, ברמת תעשייה, הם לגמרי בחינם!
 
-![מבוא לתכנות](../../../../translated_images/he/webdev101-programming.d6e3f98e61ac4bff.png)
+![מבוא לתכנות](../../../../translated_images/he/webdev101-programming.d6e3f98e61ac4bff.webp)
 > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/he/1-getting-started-lessons/2-github-basics/README.md b/translations/he/1-getting-started-lessons/2-github-basics/README.md
index 3021366e6..6d86221ac 100644
--- a/translations/he/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/he/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 אנחנו הולכים לעבור את המסע הזה יחד, צעד אחר צעד. בלי למהר, בלי לחץ – רק אתה, אני, וכמה כלים מגניבים שהולכים להפוך לחברים הכי טובים שלך!
 
-![מבוא ל-GitHub](../../../../translated_images/he/webdev101-github.8846d7971abef6f9.png)
+![מבוא ל-GitHub](../../../../translated_images/he/webdev101-github.8846d7971abef6f9.webp)
 > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -605,7 +605,7 @@ flowchart TD
 
 ✅ דרך טובה למצוא ריפואים 'ידידותיים למתחילים' היא [לחפש לפי התג 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![העתקת ריפו מקומית](../../../../translated_images/he/clone_repo.5085c48d666ead57.png)
+![העתקת ריפו מקומית](../../../../translated_images/he/clone_repo.5085c48d666ead57.webp)
 
 יש כמה דרכים להעתיק קוד. אחת מהן היא "לשכפל" את התוכן של הריפו, באמצעות HTTPS, SSH, או באמצעות GitHub CLI (ממשק שורת הפקודה).
 
diff --git a/translations/he/1-getting-started-lessons/3-accessibility/README.md b/translations/he/1-getting-started-lessons/3-accessibility/README.md
index 4efe450a5..5ef6a3e71 100644
--- a/translations/he/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/he/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # יצירת דפי אינטרנט נגישים
 
-![הכל על נגישות](../../../../translated_images/he/webdev101-a11y.8ef3025c858d897a.png)
+![הכל על נגישות](../../../../translated_images/he/webdev101-a11y.8ef3025c858d897a.webp)
 > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/he/2-js-basics/1-data-types/README.md b/translations/he/2-js-basics/1-data-types/README.md
index 34534f696..4d788d3dd 100644
--- a/translations/he/2-js-basics/1-data-types/README.md
+++ b/translations/he/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # יסודות JavaScript: סוגי נתונים
 
-![JavaScript Basics - Data types](../../../../translated_images/he/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/he/webdev101-js-datatypes.4cc470179730702c.webp)
 > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/he/2-js-basics/2-functions-methods/README.md b/translations/he/2-js-basics/2-functions-methods/README.md
index 73dfe2712..45293292b 100644
--- a/translations/he/2-js-basics/2-functions-methods/README.md
+++ b/translations/he/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # יסודות JavaScript: שיטות ופונקציות
 
-![JavaScript Basics - Functions](../../../../translated_images/he/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/he/webdev101-js-functions.be049c4726e94f8b.webp)
 > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/he/2-js-basics/3-making-decisions/README.md b/translations/he/2-js-basics/3-making-decisions/README.md
index 3bd1a2df0..066f47de8 100644
--- a/translations/he/2-js-basics/3-making-decisions/README.md
+++ b/translations/he/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # יסודות JavaScript: קבלת החלטות
 
-![JavaScript Basics - Making decisions](../../../../translated_images/he/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/he/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/he/2-js-basics/4-arrays-loops/README.md b/translations/he/2-js-basics/4-arrays-loops/README.md
index 1fe2c2178..80ce3e19f 100644
--- a/translations/he/2-js-basics/4-arrays-loops/README.md
+++ b/translations/he/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # יסודות JavaScript: מערכים ולולאות
 
-![JavaScript Basics - Arrays](../../../../translated_images/he/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/he/webdev101-js-arrays.439d7528b8a29455.webp)
 > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/he/3-terrarium/1-intro-to-html/README.md b/translations/he/3-terrarium/1-intro-to-html/README.md
index f911b21c6..be543b5b3 100644
--- a/translations/he/3-terrarium/1-intro-to-html/README.md
+++ b/translations/he/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![מבוא ל-HTML](../../../../translated_images/he/webdev101-html.4389c2067af68e98.png)
+![מבוא ל-HTML](../../../../translated_images/he/webdev101-html.4389c2067af68e98.webp)
 > סקיצה מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, או HyperText Markup Language, הוא הבסיס לכל אתר שביקרת בו אי פעם. חשבו על HTML כשלד שמעניק מבנה לדפי אינטרנט – הוא מגדיר היכן התוכן נמצא, איך הוא מאורגן ומה כל חלק מייצג. בעוד ש-CSS "ילביש" את ה-HTML בצבעים ובפריסות, ו-JavaScript יעניק לו חיים עם אינטראקטיביות, HTML מספק את המבנה הבסיסי שמאפשר את כל השאר.
@@ -88,7 +88,7 @@ mindmap
 4. בלוח ה-Explorer, לחצו על אייקון "New File"
 5. תנו לקובץ את השם `index.html`
 
-![VS Code Explorer מציג יצירת קובץ חדש](../../../../translated_images/he/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer מציג יצירת קובץ חדש](../../../../translated_images/he/vs-code-index.e2986cf919471eb9.webp)
 
 **אפשרות 2: שימוש בפקודות טרמינל**
 ```bash
diff --git a/translations/he/3-terrarium/2-intro-to-css/README.md b/translations/he/3-terrarium/2-intro-to-css/README.md
index 004a3378c..b1bfe3f54 100644
--- a/translations/he/3-terrarium/2-intro-to-css/README.md
+++ b/translations/he/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![מבוא ל-CSS](../../../../translated_images/he/webdev101-css.3f7af5991bf53a20.png)
+![מבוא ל-CSS](../../../../translated_images/he/webdev101-css.3f7af5991bf53a20.webp)
 > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 זוכרים איך הטרריום שלכם ב-HTML נראה די בסיסי? CSS הוא המקום שבו אנו הופכים את המבנה הפשוט הזה למשהו מושך מבחינה חזותית.
@@ -205,7 +205,7 @@ body {
 
 פתחו את כלי המפתחים של הדפדפן שלכם (F12), עברו ללשונית Elements ובדקו את אלמנט `<h1>` שלכם. תראו שהוא יורש את משפחת הגופן מה-body:
 
-![גופן בירושה](../../../../translated_images/he/1.cc07a5cbe114ad1d.png)
+![גופן בירושה](../../../../translated_images/he/1.cc07a5cbe114ad1d.webp)
 
 ✅ **זמן ניסוי**: נסו להגדיר תכונות אחרות שניתן לרשת על `<body>` כמו `color`, `line-height` או `text-align`. מה קורה לכותרת ולשאר האלמנטים?
 
@@ -599,7 +599,7 @@ flowchart LR
 
 תיצרו הדגשות עדינות שמדמות כיצד אור משתקף על פני זכוכית. גישה זו דומה לאופן שבו ציירי הרנסנס כמו יאן ואן אייק השתמשו באור והשתקפות כדי לגרום לזכוכית מצוירת להיראות תלת-ממדית. הנה מה שאתם שואפים להשיג:  
 
-![finished terrarium](../../../../translated_images/he/terrarium-final.2f07047ffc597d0a.png)  
+![finished terrarium](../../../../translated_images/he/terrarium-final.2f07047ffc597d0a.webp)  
 
 **האתגר שלכם:**  
 - **צרו** צורות אליפטיות עדינות בצבע לבן או בהיר עבור השתקפויות הזכוכית  
diff --git a/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 7ebc71366..dfa211879 100644
--- a/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/he/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM וסגירה](../../../../translated_images/he/webdev101-js.10280393044d7eaa.png)
+![DOM וסגירה](../../../../translated_images/he/webdev101-js.10280393044d7eaa.webp)
 > איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ברוכים הבאים לאחד ההיבטים המרתקים ביותר בפיתוח אתרים - הפיכת דברים לאינטראקטיביים! מודל האובייקטים של המסמך (DOM) הוא כמו גשר בין ה-HTML שלך ל-JavaScript, והיום נשתמש בו כדי להחיות את הטרריום שלך. כשטים ברנרס-לי יצר את הדפדפן הראשון, הוא דמיין רשת שבה מסמכים יכולים להיות דינמיים ואינטראקטיביים - ה-DOM הופך את החזון הזה לאפשרי.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![ייצוג עץ DOM](../../../../translated_images/he/dom-tree.7daf0e763cbbba92.png)
+![ייצוג עץ DOM](../../../../translated_images/he/dom-tree.7daf0e763cbbba92.webp)
 
 > ייצוג של ה-DOM והסימון של ה-HTML שמתייחס אליו. מתוך [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **הבנת סגירות**: סגירות הן נושא משמעותי ב-JavaScript, ומפתחים רבים משתמשים בהן במשך שנים לפני שהם מבינים את כל ההיבטים התיאורטיים. היום נתמקד ביישום מעשי - תראה סגירות מופיעות באופן טבעי כשנבנה את התכונות האינטראקטיביות שלנו. ההבנה תתפתח כשתראה איך הן פותרות בעיות אמיתיות.
 
-![ייצוג עץ DOM](../../../../translated_images/he/dom-tree.7daf0e763cbbba92.png)
+![ייצוג עץ DOM](../../../../translated_images/he/dom-tree.7daf0e763cbbba92.webp)
 
 > ייצוג של ה-DOM והסימון של ה-HTML שמתייחס אליו. מתוך [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -593,7 +593,7 @@ function stopElementDrag() {
 - **תמיכה חוצת מכשירים**: עובד על מחשבים שולחניים וניידים
 - **מודעות ביצועים**: ללא דליפות זיכרון או חישובים מיותרים
 
-![טרריום סופי](../../../../translated_images/he/terrarium-final.0920f16e87c13a84.png)
+![טרריום סופי](../../../../translated_images/he/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/he/3-terrarium/solution/README.md b/translations/he/3-terrarium/solution/README.md
index 47550a236..3a51f895e 100644
--- a/translations/he/3-terrarium/solution/README.md
+++ b/translations/he/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 תרגול קטן של גרירה ושחרור. עם מעט HTML, JS ו-CSS, תוכלו לבנות ממשק אינטרנט, לעצב אותו ולהוסיף אינטראקציה.
 
-![הטרריום שלי](../../../../translated_images/he/screenshot_gray.0c796099a1f9f25e.png)
+![הטרריום שלי](../../../../translated_images/he/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## קרדיטים
 
diff --git a/translations/he/5-browser-extension/1-about-browsers/README.md b/translations/he/5-browser-extension/1-about-browsers/README.md
index 08f143add..e50e1e581 100644
--- a/translations/he/5-browser-extension/1-about-browsers/README.md
+++ b/translations/he/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![שרטוט דפדפן](../../../../translated_images/he/browser.60317c9be8b7f84a.jpg)
+![שרטוט דפדפן](../../../../translated_images/he/browser.60317c9be8b7f84a.webp)
 > שרטוט מאת [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## שאלון לפני השיעור
@@ -79,7 +79,7 @@ mindmap
 
 ✅ **קצת היסטוריה**: הדפדפן הראשון נקרא 'WorldWideWeb' ונוצר על ידי סר טימותי ברנרס-לי בשנת 1990.
 
-![דפדפנים מוקדמים](../../../../translated_images/he/earlybrowsers.d984b711cdf3a42d.jpg)
+![דפדפנים מוקדמים](../../../../translated_images/he/earlybrowsers.d984b711cdf3a42d.webp)
 > כמה דפדפנים מוקדמים, דרך [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### איך דפדפנים מעבדים תוכן אינטרנטי
@@ -198,7 +198,7 @@ quadrantChart
 
 הבנת תהליך התקנת ההרחבות עוזרת לכם לצפות את חוויית המשתמש כאשר אנשים מתקינים את ההרחבה שלכם. תהליך ההתקנה סטנדרטי בדפדפנים מודרניים, עם וריאציות קלות בעיצוב הממשק.
 
-![צילום מסך של דפדפן Edge שמציג את דף ניהול ההרחבות edge://extensions ואת תפריט ההגדרות הפתוח](../../../../translated_images/he/install-on-edge.d68781acaf0b3d3d.png)
+![צילום מסך של דפדפן Edge שמציג את דף ניהול ההרחבות edge://extensions ואת תפריט ההגדרות הפתוח](../../../../translated_images/he/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **חשוב**: ודאו שאתם מפעילים מצב מפתחים ומאפשרים הרחבות מחנויות אחרות כאשר אתם בודקים את ההרחבות שלכם.
 
@@ -313,10 +313,10 @@ project-root/
 ### סקירת תצוגות ההרחבה
 
 **תצוגת הגדרות** - הגדרת משתמש בפעם הראשונה:
-![צילום מסך של ההרחבה המושלמת פתוחה בדפדפן, מציגה טופס עם שדות להזנת שם אזור ומפתח API.](../../../../translated_images/he/1.b6da8c1394b07491.png)
+![צילום מסך של ההרחבה המושלמת פתוחה בדפדפן, מציגה טופס עם שדות להזנת שם אזור ומפתח API.](../../../../translated_images/he/1.b6da8c1394b07491.webp)
 
 **תצוגת תוצאות** - הצגת נתוני טביעת רגל פחמנית:
-![צילום מסך של ההרחבה המושלמת מציגה ערכים לשימוש פחמן ואחוז דלקים מאובנים עבור אזור US-NEISO.](../../../../translated_images/he/2.1dae52ff08042246.png)
+![צילום מסך של ההרחבה המושלמת מציגה ערכים לשימוש פחמן ואחוז דלקים מאובנים עבור אזור US-NEISO.](../../../../translated_images/he/2.1dae52ff08042246.webp)
 
 ### בניית טופס ההגדרות
 
diff --git a/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md
index 7678871c2..b2b9a9f80 100644
--- a/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/he/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Local storage pane](../../../../translated_images/he/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/he/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **שיקול אבטחה**: באפליקציות ייצור, אחסון מפתחות API ב-LocalStorage מהווה סיכון אבטחה מכיוון ש-JavaScript יכול לגשת לנתונים אלה. למטרות לימוד, הגישה הזו מתאימה, אבל באפליקציות אמיתיות יש להשתמש באחסון מאובטח בצד השרת עבור אישורים רגישים.
 
diff --git a/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md
index e62af7cb3..01700ea85 100644
--- a/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/he/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ flowchart LR
 
 בואו ננסה את זה. פתחו אתר (Microsoft.com עובד טוב לזה) ולחצו על כפתור 'הקלט'. עכשיו רעננו את הדף וצפו בפרופיילר לוכד את כל מה שקורה. כשעוצרים את ההקלטה, תראו פירוט מפורט של איך הדפדפן 'מפעיל', 'מצייר' ו'מעדכן' את האתר. זה מזכיר לי איך מרכז הבקרה עוקב אחרי כל מערכת בזמן שיגור רקטה - אתם מקבלים נתונים בזמן אמת על מה בדיוק קורה ומתי.
 
-![פרופיילר Edge](../../../../translated_images/he/profiler.5a4a62479c5df01c.png)
+![פרופיילר Edge](../../../../translated_images/he/profiler.5a4a62479c5df01c.webp)
 
 ✅ [תיעוד Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) מכיל המון פרטים נוספים אם אתם רוצים לצלול לעומק
 
@@ -136,11 +136,11 @@ flowchart LR
 
 קבלו תמונת מצב של ביצועי הדף שלכם על ידי בחירת חלק מציר הזמן של הפרופיל והסתכלות על חלונית הסיכום:
 
-![תמונת מצב פרופיילר Edge](../../../../translated_images/he/snapshot.97750180ebcad737.png)
+![תמונת מצב פרופיילר Edge](../../../../translated_images/he/snapshot.97750180ebcad737.webp)
 
 בדקו את חלונית יומן האירועים כדי לראות אם יש אירוע שלקח יותר מ-15 מילי-שניות:
 
-![יומן אירועים Edge](../../../../translated_images/he/log.804026979f3707e0.png)
+![יומן אירועים Edge](../../../../translated_images/he/log.804026979f3707e0.webp)
 
 ✅ הכירו את הפרופיילר שלכם! פתחו את כלי המפתחים באתר הזה ובדקו אם יש צווארי בקבוק. מהו הנכס שנטען הכי לאט? הכי מהר?
 
diff --git a/translations/he/5-browser-extension/README.md b/translations/he/5-browser-extension/README.md
index 12402cb7e..130587ed4 100644
--- a/translations/he/5-browser-extension/README.md
+++ b/translations/he/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### קרדיטים
 
-![תוסף דפדפן ירוק](../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![תוסף דפדפן ירוק](../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## קרדיטים
 
diff --git a/translations/he/5-browser-extension/solution/README.md b/translations/he/5-browser-extension/solution/README.md
index ba9422064..ced87a16e 100644
--- a/translations/he/5-browser-extension/solution/README.md
+++ b/translations/he/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 באמצעות ה-API של CO2 Signal של tmrow למעקב אחר צריכת חשמל, ניתן לבנות תוסף לדפדפן שיזכיר לכם ישירות בדפדפן עד כמה צריכת החשמל באזורכם כבדה. שימוש בתוסף זה באופן מזדמן יעזור לכם לקבל החלטות מושכלות על פעילויותיכם בהתבסס על מידע זה.
 
-![צילום מסך של התוסף](../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של התוסף](../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## התחלת עבודה
 
@@ -31,7 +31,7 @@ npm run build
 
 כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'Load Unpacked' כדי לטעון תוסף חדש. בחרו בתיקיית 'dist' כאשר תתבקשו, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal ([השיגו אחד כאן דרך אימייל](https://www.co2signal.com/) - הזינו את האימייל שלכם בתיבה בעמוד זה) ואת [הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[Electricity Map](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO').
 
-![התקנה](../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר הזנת מפתח ה-API והאזור בממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולתת לכם רמז אילו פעילויות כבדות אנרגיה מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו הושאל מתוסף [Energy Lollipop](https://energylollipop.com/) לפליטות בקליפורניה.
 
diff --git a/translations/he/5-browser-extension/solution/translation/README.fr.md b/translations/he/5-browser-extension/solution/translation/README.fr.md
index ed3faebcc..9c548f1f0 100644
--- a/translations/he/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/he/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 באמצעות ה-API של CO2 Signal מבית tmrow למעקב אחר צריכת חשמל, צרו הרחבת דפדפן שתאפשר לכם לקבל תזכורת ישירות בדפדפן על צריכת החשמל באזורכם. השימוש בהרחבה זו יעזור לכם לקבל החלטות מושכלות לגבי הפעילויות שלכם בהתבסס על מידע זה.
 
-![צילום מסך של ההרחבה](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של ההרחבה](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## התחלה
 
@@ -31,7 +31,7 @@ npm run build
 
 כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש נקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'טען הרחבה לא מכווצת' כדי לטעון הרחבה חדשה. פתחו את תיקיית 'dist' כאשר תתבקשו, וההרחבה תיטען. כדי להשתמש בה, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן באמצעות אימייל](https://www.co2signal.com/) - הכניסו את כתובת האימייל שלכם בתיבה בעמוד זה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO').
 
-![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר שהזנתם את מפתח ה-API ואת האזור בממשק ההרחבה, הנקודה הצבעונית בסרגל ההרחבות של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולספק לכם אינדיקציה לגבי פעילויות עתירות אנרגיה שיהיה מתאים לבצע. הרעיון מאחורי מערכת ה'נקודות' הזו נלקח מה-[הרחבת Energy Lollipop](https://energylollipop.com/) עבור פליטות קליפורניה.
 
diff --git a/translations/he/5-browser-extension/solution/translation/README.hi.md b/translations/he/5-browser-extension/solution/translation/README.hi.md
index 9d59edf01..cd5cca169 100644
--- a/translations/he/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/he/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 שימוש ב-API של CO2 Signal של tmrow למעקב אחר צריכת חשמל, בניית תוסף דפדפן שיזכיר לכם כמה עמוסה צריכת החשמל באזורכם דרך הדפדפן שלכם. שימוש בתוסף הזה יכול לעזור לכם לקבל החלטות על סמך המידע הזה לגבי הפעילויות שלכם.
 
-![צילום מסך של התוסף ](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של התוסף ](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## התחלה
 
@@ -31,7 +31,7 @@ npm run build
 
 להתקנה בדפדפן Edge, השתמשו בתפריט 'שלוש נקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את פאנל התוספים. משם, בחרו 'טעינת תוסף לא ארוז' כדי לטעון תוסף חדש. בתיבת הדיאלוג, פתחו את תיקיית 'dist' והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-CO2 Signal ([קבלו אותו כאן דרך אימייל](https://www.co2snal.com/) - הזינו את האימייל שלכם בתיבה בעמוד זה) וקוד [האזור שלכם](http://api.electricitymap.org/v3/zones) [במפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO').
 
-![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר הזנת מפתח ה-API והאזור בממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזורכם ולספק לכם אינדיקציה אילו פעילויות כבדות אנרגיה מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו הגיע לי מתוסף [Energy Lollipop](https://energylollipop.com/) עבור פליטות קליפורניה.
 
diff --git a/translations/he/5-browser-extension/solution/translation/README.it.md b/translations/he/5-browser-extension/solution/translation/README.it.md
index 8e6a53979..07a815bd6 100644
--- a/translations/he/5-browser-extension/solution/translation/README.it.md
+++ b/translations/he/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 נשתמש ב-API של Signal CO2 מבית tmrow כדי לעקוב אחר צריכת החשמל וליצור תוסף לדפדפן, כך שנוכל לקבל תזכורת ישירות בדפדפן על כמה כבדה צריכת החשמל באזור שלנו. השימוש בתוסף הזה יעזור להעריך את הפעילויות שלנו בהתבסס על המידע הזה.
 
-![צילום מסך של התוסף](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של התוסף](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## איך להתחיל
 
@@ -31,7 +31,7 @@ npm run build
 
 להתקנה ב-Edge, יש להשתמש בתפריט "שלוש נקודות" בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח הבקרה של תוספים. אם מצב מפתחים לא פעיל, יש להפעיל אותו (בפינה השמאלית התחתונה). לבחור "טען ללא דחיסה" כדי לטעון תוסף חדש. לפתוח את תיקיית "dist" בהנחיה, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal (ניתן [לקבל אותו כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את כתובת האימייל שלכם בתיבה בעמוד הזה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון, "US-NEISO").
 
-![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר שמפתח ה-API והאזור הוזנו בממשק התוסף, הנקודה הצבעונית בסרגל התוסף בדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזור ולספק רמז אילו פעילויות עתירות אנרגיה יהיו מתאימות לביצוע. הרעיון מאחורי מערכת ה"נקודות" הזו נלקח מה-[תוסף Energy Lollipop](https://energylollipop.com/) עבור פליטות בקליפורניה.
 
diff --git a/translations/he/5-browser-extension/solution/translation/README.ja.md b/translations/he/5-browser-extension/solution/translation/README.ja.md
index f86be57a1..c182f6a75 100644
--- a/translations/he/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/he/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 בנו תוסף לדפדפן שמציג תזכורת על צריכת החשמל באזורכם, באמצעות ה-API של CO2 Signal מבית tmrow. התוסף מאפשר לכם לעקוב אחר צריכת החשמל באזורכם ולהשתמש במידע הזה כדי לקבל החלטות מושכלות לגבי הפעילות שלכם.
 
-![צילום מסך של התוסף](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של התוסף](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## הקדמה
 
@@ -31,7 +31,7 @@ npm run build
 
 כדי להתקין ב-Edge, מצאו את לוח ה"הרחבות" דרך תפריט "שלוש הנקודות" בפינה הימנית העליונה של הדפדפן. משם, בחרו "Load Unpacked" כדי לטעון את התוסף החדש. כאשר תתבקשו, פתחו את תיקיית "dist", והתוסף ייטען. לשימוש בתוסף, תצטרכו מפתח API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הזינו את האימייל שלכם בתיבה שבדף) וקוד לאזור שלכם התואם ל-[Electricity Map](https://www.electricitymap.org/map) ([ראו כאן את הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones)). לדוגמה, בבוסטון משתמשים ב-'US-NEISO'.
 
-![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר שתזינו את מפתח ה-API והאזור בממשק התוסף, נקודה צבעונית שתופיע בסרגל ההרחבות של הדפדפן תשתנה בהתאם לצריכת האנרגיה באזורכם. הנקודה תספק אינדיקציה אילו פעילויות שדורשות אנרגיה מתאימות לביצוע באותו זמן. הרעיון של מערכת ה"נקודה" נלקח מהתוסף [Energy Lollipop](https://energylollipop.com/) שנועד למעקב אחר פליטות בקליפורניה.
 
diff --git a/translations/he/5-browser-extension/solution/translation/README.ms.md b/translations/he/5-browser-extension/solution/translation/README.ms.md
index 9c6265728..88fad39cf 100644
--- a/translations/he/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/he/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 באמצעות ה-API של CO2 Signal מבית tmrow לזיהוי צריכת חשמל, ניתן לבנות תוסף לדפדפן שיתריע בפניכם על רמת צריכת החשמל באזורכם. שימוש בתוסף זה יעזור לכם לקבל החלטות מושכלות לגבי הפעילויות שלכם בהתבסס על המידע הזה.
 
-![צילום מסך של תוסף הדפדפן](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של תוסף הדפדפן](../../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## התחלה
 
@@ -31,7 +31,7 @@ npm run build
 
 כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח התוספים. משם, בחרו 'Load Unpacked' כדי לטעון את התוסף החדש. פתחו את תיקיית 'dist' לפי הבקשה, והתוסף ייטען. כדי להשתמש בו, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את האימייל שלכם בתיבה שבדף זה) ואת [הקוד לאזור שלכם](http://api.electricitymap.org/v3/zones) המתאים ל-[מפת החשמל](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO').
 
-![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר הכנסת מפתח ה-API והאזור לממשק התוסף, הנקודה הצבעונית בסרגל התוספים של הדפדפן תשתנה כדי לשקף את צריכת האנרגיה באזורכם ותספק לכם רמזים לגבי פעילויות כבדות שמתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו נלקח מ-[תוסף הדפדפן Energy Lollipop](https://energylollipop.com/) עבור פליטות בקליפורניה.
 
diff --git a/translations/he/5-browser-extension/start/README.md b/translations/he/5-browser-extension/start/README.md
index 70ab5e123..adf374c84 100644
--- a/translations/he/5-browser-extension/start/README.md
+++ b/translations/he/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 באמצעות ה-API של tmrow, C02 Signal, למעקב אחר צריכת חשמל, ניתן לבנות הרחבת דפדפן שתספק תזכורת ישירות בדפדפן לגבי רמת צריכת החשמל באזור שלך. שימוש בהרחבה זו באופן מזדמן יעזור לך לקבל החלטות מושכלות לגבי הפעילויות שלך בהתבסס על מידע זה.
 
-![צילום מסך של ההרחבה](../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.png)
+![צילום מסך של ההרחבה](../../../../translated_images/he/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## איך מתחילים
 
@@ -31,7 +31,7 @@ npm run build
 
 כדי להתקין ב-Edge, השתמשו בתפריט 'שלוש הנקודות' בפינה הימנית העליונה של הדפדפן כדי למצוא את לוח ההרחבות. משם, בחרו 'טעינת הרחבה לא ארוזה' כדי לטעון הרחבה חדשה. פתחו את תיקיית 'dist' כאשר תתבקשו, וההרחבה תיטען. כדי להשתמש בה, תצטרכו מפתח API ל-API של CO2 Signal ([קבלו אחד כאן דרך אימייל](https://www.co2signal.com/) - הכניסו את האימייל שלכם בתיבה בעמוד זה) ואת [קוד האזור שלכם](http://api.electricitymap.org/v3/zones) התואם ל-[Electricity Map](https://www.electricitymap.org/map) (לדוגמה, בבוסטון אני משתמש ב-'US-NEISO').
 
-![התקנה](../../../../translated_images/he/install-on-edge.78634f02842c4828.png)
+![התקנה](../../../../translated_images/he/install-on-edge.78634f02842c4828.webp)
 
 לאחר הזנת מפתח ה-API והאזור בממשק ההרחבה, הנקודה הצבעונית בסרגל ההרחבות של הדפדפן אמורה להשתנות כדי לשקף את צריכת האנרגיה באזור שלכם ולספק לכם הכוונה לגבי אילו פעילויות עתירות אנרגיה יהיו מתאימות לביצוע. הרעיון מאחורי מערכת ה'נקודה' הזו נלקח מההרחבה [Energy Lollipop](https://energylollipop.com/) לפליטות בקליפורניה.
 
diff --git a/translations/he/6-space-game/2-drawing-to-canvas/README.md b/translations/he/6-space-game/2-drawing-to-canvas/README.md
index d946fd50b..181688090 100644
--- a/translations/he/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/he/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![הרשת של הקנבס](../../../../translated_images/he/canvas_grid.5f209da785ded492.png)
+![הרשת של הקנבס](../../../../translated_images/he/canvas_grid.5f209da785ded492.webp)
 > תמונה מ-[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 כדי לצייר על אלמנט הקנבס, תעקבו אחר אותו תהליך בן שלושה שלבים שמרכיב את הבסיס לכל גרפיקת הקנבס. ברגע שתעשו זאת כמה פעמים, זה יהפוך לטבע שני:
@@ -329,11 +329,11 @@ flowchart TD
 
 - ספינת גיבור
 
-   ![ספינת גיבור](../../../../translated_images/he/player.dd24c1afa8c71e9b.png)
+   ![ספינת גיבור](../../../../translated_images/he/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 מפלצות
 
-   ![ספינת מפלצת](../../../../translated_images/he/enemyShip.5df2a822c16650c2.png)
+   ![ספינת מפלצת](../../../../translated_images/he/enemyShip.5df2a822c16650c2.webp)
 
 ### צעדים מומלצים להתחלת הפיתוח
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 התוצאה הסופית צריכה להיראות כך:  
 
-![מסך שחור עם גיבור ו-5*5 מפלצות](../../../../translated_images/he/partI-solution.36c53b48c9ffae2a.png)  
+![מסך שחור עם גיבור ו-5*5 מפלצות](../../../../translated_images/he/partI-solution.36c53b48c9ffae2a.webp)  
 
 ## פתרון  
 
diff --git a/translations/he/6-space-game/5-keeping-score/README.md b/translations/he/6-space-game/5-keeping-score/README.md
index 119c00abb..595a15564 100644
--- a/translations/he/6-space-game/5-keeping-score/README.md
+++ b/translations/he/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **מערכת ניקוד**: כל ספינת אויב שהושמדה מזכה ב-100 נקודות (מספרים עגולים קלים יותר לחישוב מנטלי עבור השחקנים). הניקוד יוצג בפינה השמאלית התחתונה.
-- **מונה חיים**: הגיבור שלכם מתחיל עם שלושה חיים - סטנדרט שנקבע על ידי משחקי ארקייד מוקדמים כדי לאזן בין אתגר לבין יכולת משחק. כל התנגשות עם אויב תעלה בחיים אחד. נציג את מספר החיים הנותרים בפינה הימנית התחתונה באמצעות אייקונים של חלליות ![life image](../../../../translated_images/he/life.6fb9f50d53ee0413.png).
+- **מונה חיים**: הגיבור שלכם מתחיל עם שלושה חיים - סטנדרט שנקבע על ידי משחקי ארקייד מוקדמים כדי לאזן בין אתגר לבין יכולת משחק. כל התנגשות עם אויב תעלה בחיים אחד. נציג את מספר החיים הנותרים בפינה הימנית התחתונה באמצעות אייקונים של חלליות ![life image](../../../../translated_images/he/life.6fb9f50d53ee0413.webp).
 
 ## בואו נתחיל לבנות!
 
diff --git a/translations/he/7-bank-project/2-forms/README.md b/translations/he/7-bank-project/2-forms/README.md
index ff9d3312f..b59c60e0a 100644
--- a/translations/he/7-bank-project/2-forms/README.md
+++ b/translations/he/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ graph TD
 2. שימו לב לשינויים בשורת הכתובת של הדפדפן שלכם
 3. שימו לב כיצד הדף נטען מחדש והנתונים מופיעים בכתובת ה-URL
 
-![צילום מסך של שינוי כתובת ה-URL בדפדפן לאחר לחיצה על כפתור הרשמה](../../../../translated_images/he/click-register.e89a30bf0d4bc9ca.png)
+![צילום מסך של שינוי כתובת ה-URL בדפדפן לאחר לחיצה על כפתור הרשמה](../../../../translated_images/he/click-register.e89a30bf0d4bc9ca.webp)
 
 ### השוואת שיטות HTTP
 
@@ -350,7 +350,7 @@ graph TD
 2. **לחצו** על כפתור "צור חשבון"
 3. **שימו לב** לתגובת השרת בדפדפן שלכם
 
-![חלון דפדפן בכתובת localhost:5000/api/accounts, מציג מחרוזת JSON עם נתוני משתמש](../../../../translated_images/he/form-post.61de4ca1b964d91a.png)
+![חלון דפדפן בכתובת localhost:5000/api/accounts, מציג מחרוזת JSON עם נתוני משתמש](../../../../translated_images/he/form-post.61de4ca1b964d91a.webp)
 
 **מה שאתם אמורים לראות:**
 - **הדפדפן מפנה** לכתובת ה-URL של נקודת הקצה של ה-API
@@ -575,7 +575,7 @@ async function register() {
 3. **לחץ** על "צור חשבון"
 4. **צפה** בהודעות הקונסולה ובמשוב למשתמש
 
-![צילום מסך המציג הודעת לוג בקונסולת הדפדפן](../../../../translated_images/he/browser-console.efaf0b51aaaf6778.png)
+![צילום מסך המציג הודעת לוג בקונסולת הדפדפן](../../../../translated_images/he/browser-console.efaf0b51aaaf6778.webp)
 
 **מה אתה אמור לראות:**
 - **מצב טעינה** מופיע על כפתור השליחה
@@ -750,7 +750,7 @@ input:focus:invalid {
 3. **נסה** תווים מיוחדים בשדה שם המשתמש
 4. **הכנס** סכום יתרה שלילי
 
-![צילום מסך המציג שגיאת ולידציה בעת ניסיון לשלוח את הטופס](../../../../translated_images/he/validation-error.8bd23e98d416c22f.png)
+![צילום מסך המציג שגיאת ולידציה בעת ניסיון לשלוח את הטופס](../../../../translated_images/he/validation-error.8bd23e98d416c22f.webp)
 
 **מה תבחין:**
 - **הדפדפן מציג** הודעות ולידציה מקוריות
@@ -892,7 +892,7 @@ timeline
 
 הנה דוגמה לאיך עמוד ההתחברות הסופי יכול להיראות לאחר קצת עיצוב:
 
-![צילום מסך של עמוד ההתחברות לאחר הוספת סגנונות CSS](../../../../translated_images/he/result.96ef01f607bf856a.png)
+![צילום מסך של עמוד ההתחברות לאחר הוספת סגנונות CSS](../../../../translated_images/he/result.96ef01f607bf856a.webp)
 
 ## חידון לאחר ההרצאה
 
diff --git a/translations/he/7-bank-project/3-data/README.md b/translations/he/7-bank-project/3-data/README.md
index aa34b9d07..d4a2dd48d 100644
--- a/translations/he/7-bank-project/3-data/README.md
+++ b/translations/he/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![תהליך עדכון באפליקציה מרובת עמודים](../../../../translated_images/he/mpa.7f7375a1a2d4aa77.png)
+![תהליך עדכון באפליקציה מרובת עמודים](../../../../translated_images/he/mpa.7f7375a1a2d4aa77.webp)
 
 **למה הגישה הזו הרגישה מסורבלת:**
 - כל לחיצה דרשה בנייה מחדש של כל העמוד מאפס
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![תהליך עדכון באפליקציה עמוד יחיד](../../../../translated_images/he/spa.268ec73b41f992c2.png)
+![תהליך עדכון באפליקציה עמוד יחיד](../../../../translated_images/he/spa.268ec73b41f992c2.webp)
 
 **למה אפליקציות SPA מרגישות כל כך טוב:**
 - רק החלקים שבאמת השתנו מתעדכנים (חכם, נכון?)
@@ -523,7 +523,7 @@ if (data.error) {
 
 עכשיו כשאתה בודק עם חשבון לא חוקי, תראה הודעת שגיאה מועילה ממש על הדף!
 
-![צילום מסך שמראה את הודעת השגיאה המוצגת במהלך ההתחברות](../../../../translated_images/he/login-error.416fe019b36a6327.png)
+![צילום מסך שמראה את הודעת השגיאה המוצגת במהלך ההתחברות](../../../../translated_images/he/login-error.416fe019b36a6327.webp)
 
 #### שלב 4: להיות כוללני עם נגישות
 
@@ -764,7 +764,7 @@ timeline
 
 כך יכול להיראות לוח בקרה מלוטש:
 
-![צילום מסך של תוצאה לדוגמה של לוח הבקרה לאחר עיצוב](../../../../translated_images/he/screen2.123c82a831a1d14a.png)
+![צילום מסך של תוצאה לדוגמה של לוח הבקרה לאחר עיצוב](../../../../translated_images/he/screen2.123c82a831a1d14a.webp)
 
 אל תרגיש שאתה חייב להתאים בדיוק לזה - השתמש בזה כהשראה ויצר משהו ייחודי משלך!
 
diff --git a/translations/he/7-bank-project/4-state-management/README.md b/translations/he/7-bank-project/4-state-management/README.md
index 3751ad7a9..0cb8fd361 100644
--- a/translations/he/7-bank-project/4-state-management/README.md
+++ b/translations/he/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ mindmap
 
 במקום לרדוף אחרי הזנב שלנו, אנחנו הולכים ליצור מערכת **ניהול מצב מרכזית**. תחשוב על זה כמו שיש אדם אחד מאוד מאורגן שאחראי על כל הדברים החשובים:
 
-![סכימה שמראה את זרימת הנתונים בין ה-HTML, פעולות המשתמש והמצב](../../../../translated_images/he/data-flow.fa2354e0908fecc8.png)
+![סכימה שמראה את זרימת הנתונים בין ה-HTML, פעולות המשתמש והמצב](../../../../translated_images/he/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -804,7 +804,7 @@ timeline
 
 הנה דוגמה לתוצאה לאחר השלמת המשימה:
 
-![צילום מסך המציג דוגמה לדיאלוג "הוסף עסקה"](../../../../translated_images/he/dialog.93bba104afeb79f1.png)
+![צילום מסך המציג דוגמה לדיאלוג "הוסף עסקה"](../../../../translated_images/he/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/he/7-bank-project/4-state-management/assignment.md b/translations/he/7-bank-project/4-state-management/assignment.md
index f71db326a..31ea9eb91 100644
--- a/translations/he/7-bank-project/4-state-management/assignment.md
+++ b/translations/he/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **תוצאה צפויה:**
 לאחר השלמת המשימה, אפליקציית הבנקאות שלכם צריכה לכלול תכונת "הוספת עסקה" פונקציונלית לחלוטין שנראית ומתנהגת באופן מקצועי:
 
-![צילום מסך המציג דוגמה לדיאלוג "הוספת עסקה"](../../../../translated_images/he/dialog.93bba104afeb79f1.png)
+![צילום מסך המציג דוגמה לדיאלוג "הוספת עסקה"](../../../../translated_images/he/dialog.93bba104afeb79f1.webp)
 
 ## בדיקת היישום שלכם
 
diff --git a/translations/he/7-bank-project/README.md b/translations/he/7-bank-project/README.md
index d7987b812..eec08d587 100644
--- a/translations/he/7-bank-project/README.md
+++ b/translations/he/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 בפרויקט הזה תלמדו איך לבנות בנק פיקטיבי. השיעורים כוללים הוראות על איך לעצב אפליקציית ווב ולספק נתיבים, לבנות טפסים, לנהל מצב, ולמשוך נתונים מ-API שממנו תוכלו לקבל את נתוני הבנק.
 
-| ![Screen1](../../../translated_images/he/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/he/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/he/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/he/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## שיעורים
diff --git a/translations/he/8-code-editor/1-using-a-code-editor/README.md b/translations/he/8-code-editor/1-using-a-code-editor/README.md
index 4011ceb21..c589d12ac 100644
--- a/translations/he/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/he/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ VSCode.dev מביא את היכולות הללו לדפדפן שלכם:
 
 ברגע שהכל נטען, תראו סביבת עבודה נקייה ומעוצבת שנועדה לשמור אתכם ממוקדים במה שחשוב – הקוד שלכם!
 
-![ממשק ברירת המחדל של VSCode.dev](../../../../translated_images/he/default-vscode-dev.5d06881d65c1b323.png)
+![ממשק ברירת המחדל של VSCode.dev](../../../../translated_images/he/default-vscode-dev.5d06881d65c1b323.webp)
 
 **הנה סיור בשכונה:**
 - **סרגל הפעילות** (הפס בצד שמאל): הניווט הראשי שלכם עם Explorer 📁, חיפוש 🔍, בקרת מקור 🌿, הרחבות 🧩 והגדרות ⚙️
@@ -233,7 +233,7 @@ flowchart TB
 1. גשו ל-[vscode.dev](https://vscode.dev) אם אתם לא שם כבר
 2. חפשו את כפתור "Open Remote Repository" במסך הפתיחה ולחצו עליו
 
-   ![פתיחת מאגר מרחוק](../../../../translated_images/he/open-remote-repository.bd9c2598b8949e7f.png)
+   ![פתיחת מאגר מרחוק](../../../../translated_images/he/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. הדביקו כל כתובת URL של מאגר GitHub (נסו את זו: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. לחצו Enter וצפו בקסם קורה!
@@ -242,7 +242,7 @@ flowchart TB
 
 רוצים להרגיש כמו קוסמי קוד? נסו את קיצור הדרך הזה במקלדת: Ctrl+Shift+P (או Cmd+Shift+P במק) לפתיחת Command Palette:
 
-![תפריט Command Palette](../../../../translated_images/he/palette-menu.4946174e07f42622.png)
+![תפריט Command Palette](../../../../translated_images/he/palette-menu.4946174e07f42622.webp)
 
 **Command Palette הוא כמו מנוע חיפוש לכל מה שאפשר לעשות:**
 - הקלידו "open remote" והוא ימצא עבורכם את פותחן המאגרים
@@ -304,7 +304,7 @@ flowchart TB
 3. הזינו את שם הקובץ כולל הסיומת המתאימה (`style.css`, `script.js`, `index.html`)
 4. לחצו Enter כדי ליצור את הקובץ
 
-![יצירת קובץ חדש](../../../../translated_images/he/create-new-file.2814e609c2af9aeb.png)
+![יצירת קובץ חדש](../../../../translated_images/he/create-new-file.2814e609c2af9aeb.webp)
 
 **כללי שמות:**
 - השתמשו בשמות תיאוריים שמצביעים על מטרת הקובץ
@@ -322,7 +322,7 @@ flowchart TB
 2. התחילו להקליד וצפו ב-VSCode.dev עוזר לכם עם צבעים, הצעות וזיהוי שגיאות
 3. שמרו את העבודה שלכם עם Ctrl+S (Windows/Linux) או Cmd+S (Mac) – למרות שהוא שומר אוטומטית גם!
 
-![עריכת קבצים ב-VSCode.dev](../../../../translated_images/he/edit-a-file.52c0ee665ef19f08.png)
+![עריכת קבצים ב-VSCode.dev](../../../../translated_images/he/edit-a-file.52c0ee665ef19f08.webp)
 
 **הדברים המגניבים שקורים בזמן שאתם מקודדים:**
 - הקוד שלכם מקבל צבעים יפים כך שקל לקרוא אותו
@@ -343,7 +343,7 @@ flowchart TB
 2. קבצים ששונו מופיעים בקטע "Changes"
 3. קידוד צבעים מציין סוגי שינויים: ירוק לתוספות, אדום למחיקות
 
-![צפייה בשינויים בבקרת מקור](../../../../translated_images/he/working-tree.c58eec08e6335c79.png)
+![צפייה בשינויים בבקרת מקור](../../../../translated_images/he/working-tree.c58eec08e6335c79.webp)
 
 **שמירת העבודה שלכם (זרימת העבודה של commit):**
 
@@ -438,7 +438,7 @@ mindmap
 2. חפש או עיין במשהו ספציפי
 3. לחץ על כל דבר שנראה מעניין כדי ללמוד עליו יותר
 
-![ממשק שוק ההרחבות](../../../../translated_images/he/extensions.eca0e0c7f59a10b5.png)
+![ממשק שוק ההרחבות](../../../../translated_images/he/extensions.eca0e0c7f59a10b5.webp)
 
 **מה תראה שם:**
 
@@ -491,7 +491,7 @@ mindmap
 3. בחר "הגדרות הרחבה" מהתפריט הנפתח
 4. התאם דברים עד שהם מרגישים בדיוק נכון לעבודה שלך
 
-![התאמת הגדרות הרחבה](../../../../translated_images/he/extension-settings.21c752ae4f4cdb78.png)
+![התאמת הגדרות הרחבה](../../../../translated_images/he/extension-settings.21c752ae4f4cdb78.webp)
 
 **דברים נפוצים שתרצה להתאים:**
 - איך הקוד שלך מעוצב (טאבים מול רווחים, אורך שורה וכו')
diff --git a/translations/he/8-code-editor/1-using-a-code-editor/assignment.md b/translations/he/8-code-editor/1-using-a-code-editor/assignment.md
index 3d7ff6846..487d0c618 100644
--- a/translations/he/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/he/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **כתוב** הודעת commit: "Add initial HTML structure"
 5. **לחץ** "Commit new file" כדי לשמור את השינויים שלך
 
-![יצירת קובץ ראשוני ב-GitHub](../../../../translated_images/he/new-file-github.com.c886796d800e8056.png)
+![יצירת קובץ ראשוני ב-GitHub](../../../../translated_images/he/new-file-github.com.c886796d800e8056.webp)
 
 **הנה מה שההגדרה הראשונית הזו משיגה:**
 - **מבססת** מבנה מסמך HTML5 נכון עם אלמנטים סמנטיים
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **אינדיקטור הצלחה**: אתה אמור לראות את קבצי הפרויקט שלך בסרגל הצד של Explorer ואת `index.html` זמין לעריכה באזור העורך הראשי.
 
-![פרויקט נטען ב-VSCode.dev](../../../../translated_images/he/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![פרויקט נטען ב-VSCode.dev](../../../../translated_images/he/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **מה שתראה בממשק:**
 - **סרגל הצד של Explorer**: **מציג** את קבצי המאגר שלך ומבנה התיקיות
@@ -448,7 +448,7 @@ li:before {
 **תוצאות מיידיות לאחר ההתקנה:**
 לאחר התקנת CodeSwing, תראה תצוגה מקדימה חיה של אתר הקורות חיים שלך מופיעה בעורך. זה מאפשר לך לראות בדיוק איך האתר שלך נראה בזמן שאתה מבצע שינויים.
 
-![תוסף CodeSwing מציג תצוגה מקדימה חיה](../../../../translated_images/he/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![תוסף CodeSwing מציג תצוגה מקדימה חיה](../../../../translated_images/he/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **הבנת הממשק המשופר:**
 - **תצוגה מפוצלת**: **מציגה** את הקוד שלך בצד אחד ואת התצוגה המקדימה בצד השני
diff --git a/translations/he/9-chat-project/README.md b/translations/he/9-chat-project/README.md
index 4284fe896..413c01201 100644
--- a/translations/he/9-chat-project/README.md
+++ b/translations/he/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 כך ייראה הפרויקט המוגמר שלכם:
 
-![ממשק אפליקציית צ'אט המציג שיחה בין משתמש לעוזר AI](../../../translated_images/he/screenshot.0a1ee0d123df681b.png)
+![ממשק אפליקציית צ'אט המציג שיחה בין משתמש לעוזר AI](../../../translated_images/he/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ מסע הלמידה שלכם בפיתוח אפליקציות AI
 
@@ -194,7 +194,7 @@ mindmap
 
 **עיקרון מרכזי**: פיתוח אפליקציות AI משלב כישורי פיתוח אינטרנט מסורתיים עם אינטגרציית שירותי AI, ליצירת אפליקציות חכמות שמרגישות טבעיות ומגיבות למשתמשים.
 
-![ממשק GitHub Models AI Playground עם בחירת מודלים ואזור בדיקה](../../../translated_images/he/playground.d2b927122224ff8f.png)
+![ממשק GitHub Models AI Playground עם בחירת מודלים ואזור בדיקה](../../../translated_images/he/playground.d2b927122224ff8f.webp)
 
 **מה הופך את ה-Playground לכל כך שימושי:**
 - **נסו** מודלים שונים של AI כמו GPT-4o-mini, Claude ואחרים (כולם חינמיים!)
@@ -204,7 +204,7 @@ mindmap
 
 אחרי שתשחקו קצת, פשוט לחצו על לשונית "Code" ובחרו את שפת התכנות שלכם כדי לקבל את קוד היישום שתצטרכו.
 
-![בחירת Playground המציגה אפשרויות יצירת קוד לשפות תכנות שונות](../../../translated_images/he/playground-choice.1d23ba7d407f4758.png)
+![בחירת Playground המציגה אפשרויות יצירת קוד לשפות תכנות שונות](../../../translated_images/he/playground-choice.1d23ba7d407f4758.webp)
 
 ## הגדרת אינטגרציה בצד השרת עם Python
 
@@ -2333,14 +2333,14 @@ mindmap
 - **נווט** ל-[מאגר Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **לחץ** על "Use this template" בפינה הימנית העליונה (ודא שאתה מחובר ל-GitHub)  
 
-![ממשק יצירה מתבנית המציג את כפתור "Use this template" הירוק](../../../translated_images/he/template.67ad477109d29a2b.png)  
+![ממשק יצירה מתבנית המציג את כפתור "Use this template" הירוק](../../../translated_images/he/template.67ad477109d29a2b.webp)  
 
 **שלב 2: הפעלת Codespaces**  
 - **פתח** את המאגר החדש שיצרת  
 - **לחץ** על כפתור "Code" הירוק ובחר "Codespaces"  
 - **בחר** "Create codespace on main" כדי להתחיל את סביבת הפיתוח שלך  
 
-![ממשק יצירת Codespace עם אפשרויות להפעלת סביבת פיתוח בענן](../../../translated_images/he/codespace.bcecbdf5d2747d3d.png)  
+![ממשק יצירת Codespace עם אפשרויות להפעלת סביבת פיתוח בענן](../../../translated_images/he/codespace.bcecbdf5d2747d3d.webp)  
 
 **שלב 3: הגדרת הסביבה**  
 ברגע ש-Codespace נטען, תהיה לך גישה ל:  
diff --git a/translations/he/README.md b/translations/he/README.md
index ee4cac308..7a69aae47 100644
--- a/translations/he/README.md
+++ b/translations/he/README.md
@@ -52,13 +52,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
 
-![Background](../../translated_images/he/background.148a8d43afde5730.png)
+![Background](../../translated_images/he/background.148a8d43afde5730.webp)
 
 - שיעורים המכסים הכל מהבסיס ועד RAG.
 - אינטראקציה עם דמויות היסטוריות באמצעות GenAI והאפליקציה המלווית שלנו.
 - נרטיב מהנה ומרתק, שבו תטיילו בזמן!
 
-![character](../../translated_images/he/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/he/character.5c0dd8e067ffd693.webp)
 
 כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר להנחות אתכם בנושאים כמו:
 - הוראות והנדסת הוראות
@@ -94,7 +94,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 בעותק שלכם של מאגר זה שיצרתם, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. פעולה זו תיצור Codespace חדש עבור עבודה בו.
 
-![Codespace](../../translated_images/he/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/he/createcodespace.0238bbf4d7a8d955.webp)
 
 #### הרצת התוכנית מקומית במחשב
 
diff --git a/translations/he/for-teachers.md b/translations/he/for-teachers.md
index 5098d4ed2..c16cedc8e 100644
--- a/translations/he/for-teachers.md
+++ b/translations/he/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - ל-Moodle Cloud יש תמיכה מוגבלת ב-Common Cartridge. העדיפו את קובץ Moodle לעיל, שניתן גם להעלות ל-Canvas.
   - לאחר הייבוא, בדקו מודולים, תאריכי יעד והגדרות מבחנים כדי להתאים ללוח הזמנים של הסמסטר שלכם.
 
-![Moodle](../../translated_images/he/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/he/moodle.94eb93d714a50cb2.webp)
 > תוכנית הלימודים בכיתה של Moodle
 
-![Canvas](../../translated_images/he/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/he/canvas.fbd605ff8e5b8aff.webp)
 > תוכנית הלימודים ב-Canvas
 
 ### שימוש במאגר ישירות (ללא Classroom)
diff --git a/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 732bba9ab..c9954e453 100644
--- a/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 आज, हम उन अद्भुत उपकरणों का अन्वेषण करने वाले हैं जो आधुनिक वेब विकास को न केवल संभव बनाते हैं, बल्कि अत्यधिक मजेदार भी। मैं बात कर रहा हूँ बिलकुल उन्हीं संपादकों, ब्राउज़रों, और वर्कफ़्लोज़ की जो नेटफ्लिक्स, स्पॉटिफाई, और आपके पसंदीदा इंडी ऐप स्टूडियो के डेवलपर हर दिन उपयोग करते हैं। और यहाँ वह हिस्सा है जो आपको खुश नाचने पर मजबूर कर देगा: इनमें से अधिकांश पेशेवर-ग्रेड, उद्योग-मानक उपकरण पूरी तरह से मुफ्त हैं!
 
-![Intro Programming](../../../../translated_images/hi/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/hi/webdev101-programming.d6e3f98e61ac4bff.webp)
 > स्केचक नोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hi/1-getting-started-lessons/2-github-basics/README.md b/translations/hi/1-getting-started-lessons/2-github-basics/README.md
index e982e2925..1dfe2de16 100644
--- a/translations/hi/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/hi/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 हम इस यात्रा को साथ-साथ कदम दर कदम तय करेंगे। कोई जल्दी नहीं, कोई दबाव नहीं – सिर्फ आप, मैं, और कुछ बहुत ही बढ़िया टूल्स जो आपके नए सबसे अच्छे दोस्त बनने वाले हैं!
 
-![Intro to GitHub](../../../../translated_images/hi/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/hi/webdev101-github.8846d7971abef6f9.webp)
 > स्केचनोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा
 
 ```mermaid
@@ -606,7 +606,7 @@ flowchart TD
 
 ✅ 'beginner-friendly' रिपॉजिटरी खोजने का एक अच्छा तरीका है [‘good-first-issue’ टैग से खोजें](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)।
 
-![Copy a repo locally](../../../../translated_images/hi/clone_repo.5085c48d666ead57.png)
+![Copy a repo locally](../../../../translated_images/hi/clone_repo.5085c48d666ead57.webp)
 
 कोड कॉपी करने के कई तरीके हैं। एक तरीका है रिपॉजिटरी के कंटेंट को "क्लोन" करना, HTTPS, SSH, या GitHub CLI (कमांड लाइन इंटरफ़ेस) का उपयोग करके।
 
diff --git a/translations/hi/1-getting-started-lessons/3-accessibility/README.md b/translations/hi/1-getting-started-lessons/3-accessibility/README.md
index 2f583ffb1..0b9cd80f9 100644
--- a/translations/hi/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/hi/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # सुलभ वेबपेज बनाना
 
-![सभी के लिए सुलभता](../../../../translated_images/hi/webdev101-a11y.8ef3025c858d897a.png)
+![सभी के लिए सुलभता](../../../../translated_images/hi/webdev101-a11y.8ef3025c858d897a.webp)
 > स्केचनोट: [टोमोमी इमुरा](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hi/2-js-basics/1-data-types/README.md b/translations/hi/2-js-basics/1-data-types/README.md
index 510ace50a..a7897218f 100644
--- a/translations/hi/2-js-basics/1-data-types/README.md
+++ b/translations/hi/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript मूल बातें: डेटा प्रकार
 
-![JavaScript मूल बातें - डेटा प्रकार](../../../../translated_images/hi/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript मूल बातें - डेटा प्रकार](../../../../translated_images/hi/webdev101-js-datatypes.4cc470179730702c.webp)
 > स्केचनोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hi/2-js-basics/2-functions-methods/README.md b/translations/hi/2-js-basics/2-functions-methods/README.md
index c41ce09bf..b812fdb3b 100644
--- a/translations/hi/2-js-basics/2-functions-methods/README.md
+++ b/translations/hi/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript बेसिक्स: मेथड्स और फंक्शन्स
 
-![JavaScript बेसिक्स - फंक्शन्स](../../../../translated_images/hi/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript बेसिक्स - फंक्शन्स](../../../../translated_images/hi/webdev101-js-functions.be049c4726e94f8b.webp)
 > स्केचनोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hi/2-js-basics/3-making-decisions/README.md b/translations/hi/2-js-basics/3-making-decisions/README.md
index d11c4bbaf..26a5da7cc 100644
--- a/translations/hi/2-js-basics/3-making-decisions/README.md
+++ b/translations/hi/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript बुनियादी बातें: निर्णय लेना
 
-![JavaScript Basics - Making decisions](../../../../translated_images/hi/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/hi/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > स्केचनोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/hi/2-js-basics/4-arrays-loops/README.md b/translations/hi/2-js-basics/4-arrays-loops/README.md
index d66f07269..0ab2c2018 100644
--- a/translations/hi/2-js-basics/4-arrays-loops/README.md
+++ b/translations/hi/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript मूल बातें: Arrays और Loops
 
-![JavaScript Basics - Arrays](../../../../translated_images/hi/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/hi/webdev101-js-arrays.439d7528b8a29455.webp)
 > स्केचनोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा
 
 ```mermaid
diff --git a/translations/hi/3-terrarium/1-intro-to-html/README.md b/translations/hi/3-terrarium/1-intro-to-html/README.md
index 520814f14..d6237ad9b 100644
--- a/translations/hi/3-terrarium/1-intro-to-html/README.md
+++ b/translations/hi/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![HTML का परिचय](../../../../translated_images/hi/webdev101-html.4389c2067af68e98.png)
+![HTML का परिचय](../../../../translated_images/hi/webdev101-html.4389c2067af68e98.webp)
 > स्केचनोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, या हाइपरटेक्स्ट मार्कअप भाषा, हर उस वेबसाइट की नींव है जिसे आपने कभी देखा है। HTML को ऐसे समझें जैसे कंकाल जो वेब पेजों को संरचना देता है – यह निर्धारित करता है कि सामग्री कहाँ जाती है, यह कैसे संगठित है, और प्रत्येक भाग क्या दर्शाता है। जबकि बाद में CSS आपके HTML को रंग और लेआउट से "सजाएगा", और जावास्क्रिप्ट इसे इंटरैक्टिविटी के साथ जीवन में लाएगा, HTML वह मूल संरचना प्रदान करता है जो सब कुछ संभव बनाती है।
@@ -86,7 +86,7 @@ HTML कोड में जाने से पहले, आइए अपन
 4. एक्सप्लोरर पैन में, "New File" आइकन पर क्लिक करें
 5. अपनी फ़ाइल का नाम `index.html` रखें
 
-![VS Code एक्सप्लोरर नई फ़ाइल बनाने को दिखा रहा है](../../../../translated_images/hi/vs-code-index.e2986cf919471eb9.png)
+![VS Code एक्सप्लोरर नई फ़ाइल बनाने को दिखा रहा है](../../../../translated_images/hi/vs-code-index.e2986cf919471eb9.webp)
 
 **विकल्प 2: टर्मिनल कमांड का उपयोग करना**
 ```bash
diff --git a/translations/hi/3-terrarium/2-intro-to-css/README.md b/translations/hi/3-terrarium/2-intro-to-css/README.md
index ebe877366..45b15f485 100644
--- a/translations/hi/3-terrarium/2-intro-to-css/README.md
+++ b/translations/hi/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       उत्तरदायी डिजाइन: 5: Student
       ग्लास परावर्तक: 5: Student
 ```
-![CSS का परिचय](../../../../translated_images/hi/webdev101-css.3f7af5991bf53a20.png)
+![CSS का परिचय](../../../../translated_images/hi/webdev101-css.3f7af5991bf53a20.webp)
 > स्केचनोट द्वारा [टोमोमी इमुरा](https://twitter.com/girlie_mac)
 
 याद है आपका HTML टेरारियम कितना साधारण दिखता था? CSS वह जगह है जहाँ हम उस सादे ढांचे को कुछ और आकर्षक रूप में बदलते हैं।
@@ -202,7 +202,7 @@ body {
 
 अपने ब्राउज़र के डेवलपर टूल्स (F12) खोलें, Elements टैब में जाएं, और अपने `<h1>` एलिमेंट का निरीक्षण करें। आप देखेंगे कि यह बॉडी से फ़ॉन्ट परिवार विरासत में लेता है:
 
-![inherited font](../../../../translated_images/hi/1.cc07a5cbe114ad1d.png)
+![inherited font](../../../../translated_images/hi/1.cc07a5cbe114ad1d.webp)
 
 ✅ **प्रयोग का समय**: बॉडी पर `color`, `line-height`, या `text-align` जैसे अन्य विरासत में मिलने वाले गुण सेट करके देखें। आपके हेडिंग और अन्य एलिमेंट्स पर क्या प्रभाव पड़ता है?
 
@@ -594,7 +594,7 @@ flowchart LR
 
 आप सूक्ष्म हाइलाइट बनाएंगे जो दिखाते हैं कि प्रकाश कैसे कांच की सतहों से परावर्तित होता है। यह तरीका पुनर्जागरण चित्रकार जन वैन ऐक की त्रि-आयामी कांच तस्वीरें बनाने के लिए प्रकाश और परावर्तन के उपयोग जैसा है। यह रहा आपका लक्ष्य:
 
-![finished terrarium](../../../../translated_images/hi/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/hi/terrarium-final.2f07047ffc597d0a.webp)
 
 **आपकी चुनौती:**
 - **बनाएं** कांच के परावर्तन के लिए सूक्ष्म सफेद या हल्के रंग के अंडाकार आकार
diff --git a/translations/hi/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/hi/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 12f11cdc9..49fa81879 100644
--- a/translations/hi/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/hi/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       कार्यक्षमता जांचें: 5: Student
       टेरियम पूरा करें: 5: Student
 ```
-![DOM और एक क्लोज़र](../../../../translated_images/hi/webdev101-js.10280393044d7eaa.png)
+![DOM और एक क्लोज़र](../../../../translated_images/hi/webdev101-js.10280393044d7eaa.webp)
 > स्केचनोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
 
 वेब विकास के सबसे आकर्षक पहलुओं में से एक में आपका स्वागत है - चीज़ों को इंटरैक्टिव बनाना! डाक्यूमेंट ऑब्जेक्ट मॉडल (DOM) आपके HTML और JavaScript के बीच का पुल है, और आज हम इसका उपयोग आपके टेरियम को जीवन में लाने के लिए करेंगे। जब टिम बर्नर्स-ली ने पहला वेब ब्राउज़र बनाया, तो उन्होंने एक ऐसा वेब कल्पना किया जहाँ दस्तावेज़ गतिशील और इंटरैक्टिव हो सकते हैं - यही DOM उस दृष्टि को संभव बनाता है।
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM ट्री का प्रतिनिधित्व](../../../../translated_images/hi/dom-tree.7daf0e763cbbba92.png)
+![DOM ट्री का प्रतिनिधित्व](../../../../translated_images/hi/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM और HTML मार्कअप का एक प्रतिनिधित्व जो इसे संदर्भित करता है। [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) से
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **क्लोज़र्स को समझना**: क्लोज़र्स जावास्क्रिप्ट में एक महत्वपूर्ण विषय हैं, और कई डेवलपर्स उन्हें वर्षों तक उपयोग करते हैं इससे पहले कि वे सारे सैद्धांतिक पहलुओं को पूरी तरह समझें। आज, हम व्यावहारिक अनुप्रयोग पर ध्यान केंद्रित करेंगे - आप देखेंगे कि क्लोज़र्स प्राकृतिक रूप से हमारे इंटरैक्टिव फीचर्स बनाते समय उभरते हैं। समझ तब विकसित होगी जब आप देखेंगे कि वे वास्तविक समस्याओं को कैसे हल करते हैं।
 
-![DOM ट्री का प्रतिनिधित्व](../../../../translated_images/hi/dom-tree.7daf0e763cbbba92.png)
+![DOM ट्री का प्रतिनिधित्व](../../../../translated_images/hi/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM और HTML मार्कअप का एक प्रतिनिधित्व जो इसे संदर्भित करता है। [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) से
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **क्रॉस-डिवाइस समर्थन**: डेस्कटॉप और मोबाइल दोनों पर काम करता है
 - **प्रदर्शन जागरूकता**: कोई मेमोरी लीक या अनावश्यक गणनाएँ नहीं
 
-![finished terrarium](../../../../translated_images/hi/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/hi/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/hi/5-browser-extension/1-about-browsers/README.md b/translations/hi/5-browser-extension/1-about-browsers/README.md
index fa4cf8302..450d1be79 100644
--- a/translations/hi/5-browser-extension/1-about-browsers/README.md
+++ b/translations/hi/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       मुद्दों का डिबग करें: 4: Student
       अनुभव को पॉलिश करें: 5: Student
 ```
-![Browser sketchnote](../../../../translated_images/hi/browser.60317c9be8b7f84a.jpg)
+![Browser sketchnote](../../../../translated_images/hi/browser.60317c9be8b7f84a.webp)
 > स्केचनोट द्वारा [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## प्री-लेक्चर क्विज़
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **थोड़ा इतिहास**: पहला ब्राउज़र 'WorldWideWeb' था और इसे सर टिमोथी बर्नर्स-ली ने 1990 में बनाया था।
 
-![early browsers](../../../../translated_images/hi/earlybrowsers.d984b711cdf3a42d.jpg)
+![early browsers](../../../../translated_images/hi/earlybrowsers.d984b711cdf3a42d.webp)
 > कुछ शुरुआती ब्राउज़र्स, द्वारा [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### ब्राउज़र्स वेब सामग्री को कैसे प्रोसेस करते हैं
@@ -194,7 +194,7 @@ quadrantChart
 
 एक्सटेंशन इंस्टॉलेशन प्रक्रिया को समझना आपको यह पूर्वानुमान लगाने में मदद करता है कि उपयोगकर्ता आपके एक्सटेंशन को इंस्टॉल करते समय क्या अनुभव करेंगे। इंस्टॉलेशन प्रक्रिया आधुनिक ब्राउज़रों में मानकीकृत है, इंटरफ़ेस डिज़ाइन में केवल मामूली अंतर होते हैं।
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/hi/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/hi/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **महत्वपूर्ण**: सुनिश्चित करें कि "डेवलपर मोड" चालू है और जब अपने एक्सटेंशन्स का परीक्षण कर रहे हों तो अन्य स्टोर से एक्सटेंशन्स की अनुमति दें।
 
@@ -308,10 +308,10 @@ project-root/
 ### एक्सटेंशन व्यूज़ का अवलोकन
 
 **सेटअप व्यू** - पहली बार उपयोगकर्ता की कॉन्फ़िगरेशन:
-![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/hi/1.b6da8c1394b07491.png)
+![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/hi/1.b6da8c1394b07491.webp)
 
 **परिणाम व्यू** - कार्बन पदचिह्न डेटा प्रदर्शन:
-![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/hi/2.1dae52ff08042246.png)
+![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/hi/2.1dae52ff08042246.webp)
 
 ### कॉन्फ़िगरेशन फॉर्म बनाना
 
diff --git a/translations/hi/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/hi/5-browser-extension/2-forms-browsers-local-storage/README.md
index 16d363a59..e3b5cebd2 100644
--- a/translations/hi/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/hi/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: सहेजा गया डेटा हटाएँ
     ClearStorage --> FirstTime: सेटअप पर वापस जाएं
 ```
-![Local storage pane](../../../../translated_images/hi/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/hi/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **सुरक्षा विचार**: प्रोडक्शन एप्लिकेशन में API कुंजी लोकलस्टोरेज में रखना सुरक्षा जोखिम पैदा करता है क्योंकि जावास्क्रिप्ट इस डेटा तक पहुँच सकता है। सीखने के लिए यह ठीक है, लेकिन असली एप्लिकेशन संवेदनशील क्रेडेंशियल्स के लिए सुरक्षित सर्वर-साइड स्टोरेज का उपयोग करना चाहिए।
 
diff --git a/translations/hi/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/hi/5-browser-extension/3-background-tasks-and-performance/README.md
index 00bc71b9c..f7451046c 100644
--- a/translations/hi/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/hi/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 आइए इसे आज़माएँ। कोई वेबसाइट खोलें (Microsoft.com अच्छा विकल्प है) और 'रिकॉर्ड' बटन पर क्लिक करें। अब पेज रिफ्रेश करें और प्रोफाइलर को सब कुछ कैप्चर करते देखें। जब आप रिकॉर्डिंग बंद करेंगे, तो आपको ब्राउज़र के 'स्क्रिप्ट', 'रेंडर' और 'पेंट' करने के विस्तृत विवरण दिखाई देंगे। यह मुझे याद दिलाता है कि कैसे मिशन कंट्रोल एक रॉकेट लॉन्च के दौरान हर सिस्टम की निगरानी करता है - आपको वास्तविक समय के डेटा मिलते हैं कि क्या हो रहा है और कब।
 
-![Edge profiler](../../../../translated_images/hi/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/hi/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) में और भी बहुत जानकारी है यदि आप गहराई से जानना चाहते हैं
 
@@ -133,11 +133,11 @@ flowchart LR
 
 प्रोफ़ाइल टाइमलाइन का हिस्सा चुनकर अपने पेज के प्रदर्शन का स्नैपशॉट प्राप्त करें और सारांश पैन देखें:
 
-![Edge profiler snapshot](../../../../translated_images/hi/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/hi/snapshot.97750180ebcad737.webp)
 
 देखें कि ईवेंट लॉग पैनल में कोई घटना 15 मिलीसेकंड से अधिक समय तो नहीं ले रही है:
 
-![Edge event log](../../../../translated_images/hi/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/hi/log.804026979f3707e0.webp)
 
 ✅ अपने प्रोफाइलर को जानें! इस साइट पर डेवलपर टूल खोलें और देखें कि क्या कोई बाधा है। सबसे धीमा लोड होने वाला संसाधन कौन सा है? सबसे तेज़?
 
diff --git a/translations/hi/6-space-game/2-drawing-to-canvas/README.md b/translations/hi/6-space-game/2-drawing-to-canvas/README.md
index 87ad73da8..e83ea3a02 100644
--- a/translations/hi/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/hi/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![कैनवास का ग्रिड](../../../../translated_images/hi/canvas_grid.5f209da785ded492.png)
+![कैनवास का ग्रिड](../../../../translated_images/hi/canvas_grid.5f209da785ded492.webp)
 > छवि [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) से
 
 कैनवास तत्व पर ड्रॉ करने के लिए, आप तीन चरणों की प्रक्रिया का पालन करेंगे जो सभी कैनवास ग्राफिक्स की नींव है। जब आप इसे कुछ बार करते हैं, तो यह सहज हो जाता है:
@@ -323,11 +323,11 @@ flowchart TD
 
 - हीरो जहाज़
 
-   ![Hero ship](../../../../translated_images/hi/player.dd24c1afa8c71e9b.png)
+   ![Hero ship](../../../../translated_images/hi/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 दानव
 
-   ![Monster ship](../../../../translated_images/hi/enemyShip.5df2a822c16650c2.png)
+   ![Monster ship](../../../../translated_images/hi/enemyShip.5df2a822c16650c2.webp)
 
 ### विकास शुरू करने के लिए अनुशंसित कदम
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 पूरा परिणाम इस प्रकार दिखना चाहिए:
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/hi/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/hi/partI-solution.36c53b48c9ffae2a.webp)
 
 ## समाधान
 
diff --git a/translations/hi/6-space-game/5-keeping-score/README.md b/translations/hi/6-space-game/5-keeping-score/README.md
index 6d5259706..3ef37afad 100644
--- a/translations/hi/6-space-game/5-keeping-score/README.md
+++ b/translations/hi/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **स्कोरिंग सिस्टम**: हर नष्ट किए गए शत्रु जहाज के लिए 100 अंक मिलते हैं (गोल संख्याएं खिलाड़ियों के लिए मानसिक गणना में आसान होती हैं)। स्कोर स्क्रीन के नीचे बाएं कोने में दिखेगा।
-- **जीवन काउंटर**: आपका नायक तीन जीवन के साथ शुरू होता है - यह एक मानक है जो शुरुआती आर्केड गेम्स द्वारा चुनौती और खेल योग्यता के बीच संतुलन बनाने हेतु स्थापित किया गया। हर बार शत्रु से टकराने पर एक जीवन कम हो जाता है। बचा हुआ जीवन नीचे दाएं कोने में जहाज के आइकनों के साथ दर्शाएंगे ![life image](../../../../translated_images/hi/life.6fb9f50d53ee0413.png)।
+- **जीवन काउंटर**: आपका नायक तीन जीवन के साथ शुरू होता है - यह एक मानक है जो शुरुआती आर्केड गेम्स द्वारा चुनौती और खेल योग्यता के बीच संतुलन बनाने हेतु स्थापित किया गया। हर बार शत्रु से टकराने पर एक जीवन कम हो जाता है। बचा हुआ जीवन नीचे दाएं कोने में जहाज के आइकनों के साथ दर्शाएंगे ![life image](../../../../translated_images/hi/life.6fb9f50d53ee0413.webp)।
 
 ## चलिए शुरू करते हैं!
 
diff --git a/translations/hi/7-bank-project/1-template-route/README.md b/translations/hi/7-bank-project/1-template-route/README.md
index 9ec2dfe00..949f76f4b 100644
--- a/translations/hi/7-bank-project/1-template-route/README.md
+++ b/translations/hi/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 `history.pushState` का उपयोग ब्राउज़र के नेविगेशन इतिहास में नई प्रविष्टियां बनाता है। आप इसे तब जांच सकते हैं जब आप ब्राउज़र के *बैक बटन* को दबाए रखें, यह आपको कुछ ऐसा दिखाना चाहिए:
 
-![Screenshot of navigation history](../../../../translated_images/hi/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/hi/history.7fdabbafa521e064.webp)
 
 यदि आप कुछ बार बैक बटन क्लिक करते हैं, तो आप देखेंगे कि वर्तमान URL बदल जाता है और इतिहास अपडेट होता है, लेकिन वही टेम्पलेट प्रदर्शित होता रहता है।
 
diff --git a/translations/hi/7-bank-project/2-forms/README.md b/translations/hi/7-bank-project/2-forms/README.md
index 363bf9747..d32d44759 100644
--- a/translations/hi/7-bank-project/2-forms/README.md
+++ b/translations/hi/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. अपने ब्राउज़र के एड्रेस बार में बदलाव देखें
 3. देखें कि पेज कैसे रीलोड होता है और डेटा URL में आता है
 
-![Register बटन पर क्लिक करने के बाद ब्राउज़र के URL में बदलाव का स्क्रीनशॉट](../../../../translated_images/hi/click-register.e89a30bf0d4bc9ca.png)
+![Register बटन पर क्लिक करने के बाद ब्राउज़र के URL में बदलाव का स्क्रीनशॉट](../../../../translated_images/hi/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP मेथड्स की तुलना
 
@@ -346,7 +346,7 @@ graph TD
 2. "Create Account" बटन पर क्लिक करें
 3. अपने ब्राउज़र में सर्वर प्रतिक्रिया देखें
 
-![localhost:5000/api/accounts एड्रेस पर ब्राउज़र विंडो, जिसमें उपयोगकर्ता डेटा के साथ JSON स्ट्रिंग दिखाई दे रही है](../../../../translated_images/hi/form-post.61de4ca1b964d91a.png)
+![localhost:5000/api/accounts एड्रेस पर ब्राउज़र विंडो, जिसमें उपयोगकर्ता डेटा के साथ JSON स्ट्रिंग दिखाई दे रही है](../../../../translated_images/hi/form-post.61de4ca1b964d91a.webp)
 
 **आपको क्या देखना चाहिए:**
 - ब्राउज़र API एंडपॉइंट URL पर रीडायरेक्ट करता है
@@ -609,7 +609,7 @@ async function register() {
 3. **"Create Account" क्लिक करें**
 4. **कंसोल संदेशों और उपयोगकर्ता प्रतिक्रिया देखें**
 
-![ब्राउज़र कंसोल में लॉग संदेश दिखाते स्क्रीनशॉट](../../../../translated_images/hi/browser-console.efaf0b51aaaf6778.png)
+![ब्राउज़र कंसोल में लॉग संदेश दिखाते स्क्रीनशॉट](../../../../translated_images/hi/browser-console.efaf0b51aaaf6778.webp)
 
 **आपको क्या देखना चाहिए:**
 - **लोडिंग स्टेट** सबमिट बटन पर दिखाई देता है
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **उपयोगकर्ता नाम फ़ील्ड में विशेष वर्ण आज़माएं**
 4. **नकारात्मक शेष राशि दर्ज करें**
 
-![फॉर्म सबमिट करने पर सत्यापन त्रुटि दिखाने वाला स्क्रीनशॉट](../../../../translated_images/hi/validation-error.8bd23e98d416c22f.png)
+![फॉर्म सबमिट करने पर सत्यापन त्रुटि दिखाने वाला स्क्रीनशॉट](../../../../translated_images/hi/validation-error.8bd23e98d416c22f.webp)
 
 **आप क्या देखेंगे:**
 - **ब्राउज़र स्वदेशी सत्यापन संदेश प्रदर्शित करता है**
@@ -943,7 +943,7 @@ timeline
 
 यहां एक उदाहरण है कि अंतिम लॉगिन पृष्ठ कैसा दिख सकता है कुछ CSS स्टाइलिंग के बाद:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/hi/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/hi/result.96ef01f607bf856a.webp)
 
 ## पोस्ट-लेक्चर क्विज़
 
diff --git a/translations/hi/7-bank-project/3-data/README.md b/translations/hi/7-bank-project/3-data/README.md
index 8e6ee1ff0..e5406ef96 100644
--- a/translations/hi/7-bank-project/3-data/README.md
+++ b/translations/hi/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: पूर्ण HTML पृष्ठ लौटाता है
     Browser->>User: नया पृष्ठ दिखाता है (फ्लैश/रिलोड)
 ```  
-![बहु-पृष्ठ एप्लिकेशन में अपडेट वर्कफ़्लो](../../../../translated_images/hi/mpa.7f7375a1a2d4aa77.png)
+![बहु-पृष्ठ एप्लिकेशन में अपडेट वर्कफ़्लो](../../../../translated_images/hi/mpa.7f7375a1a2d4aa77.webp)
 
 **यह तरीका क्यों बोझिल लगता था:**  
 - हर क्लिक का मतलब था पूरा पेज फिर से बनाना  
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: विशिष्ट पृष्ठ तत्वों को अपडेट करता है
     Browser->>User: अपडेट किया गया सामग्री दिखाता है (कोई पुनः लोड नहीं)
 ```  
-![एक-पृष्ठ एप्लिकेशन में अपडेट वर्कफ़्लो](../../../../translated_images/hi/spa.268ec73b41f992c2.png)
+![एक-पृष्ठ एप्लिकेशन में अपडेट वर्कफ़्लो](../../../../translated_images/hi/spa.268ec73b41f992c2.webp)
 
 **SPAs क्यों बेहतर महसूस होते हैं:**  
 - केवल वही भाग अपडेट होते हैं जो वास्तव में परिवर्तित हुए हैं (चतुर, है ना?)  
@@ -516,7 +516,7 @@ if (data.error) {
 
 अब जब आप अमान्य अकाउंट से परीक्षण करेंगे, तो आप पेज पर एक सहायक त्रुटि संदेश देखेंगे!
 
-![लॉगिन के दौरान दिखाए जाने वाले त्रुटि संदेश का स्क्रीनशॉट](../../../../translated_images/hi/login-error.416fe019b36a6327.png)
+![लॉगिन के दौरान दिखाए जाने वाले त्रुटि संदेश का स्क्रीनशॉट](../../../../translated_images/hi/login-error.416fe019b36a6327.webp)
 
 #### चरण 4: पहुँच के लिए समावेशी होना
 
@@ -950,7 +950,7 @@ timeline
 
 इस तरह एक सौंदर्यपूर्ण डैशबोर्ड दिख सकता है:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hi/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hi/screen2.123c82a831a1d14a.webp)
 
 आपको इसे बिल्कुल मिलाने की आवश्यकता नहीं है - इसे प्रेरणा के रूप में लें और इसे अपना बनाएं!
 
diff --git a/translations/hi/7-bank-project/4-state-management/README.md b/translations/hi/7-bank-project/4-state-management/README.md
index 8e6df94d7..313e956af 100644
--- a/translations/hi/7-bank-project/4-state-management/README.md
+++ b/translations/hi/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 हम अपनी पूंछ के पीछे दोड़ने के बजाय, एक **केद्रित स्टेट मैनेजमेंट** सिस्टम बनाएंगे। इसे ऐसे सोचिए जैसे एक बहुत ही व्यवस्थित व्यक्ति सभी महत्वपूर्ण चीज़ों का ज़िम्मा संभाल रहा हो:
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/hi/data-flow.fa2354e0908fecc8.png)
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/hi/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ timeline
 
 असाइनमेंट पूरा करने के बाद यहाँ एक उदाहरण परिणाम है:
 
-![“लेन-देन जोड़ें” डायलॉग दिखाने वाला स्क्रीनशॉट](../../../../translated_images/hi/dialog.93bba104afeb79f1.png)
+![“लेन-देन जोड़ें” डायलॉग दिखाने वाला स्क्रीनशॉट](../../../../translated_images/hi/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/hi/7-bank-project/4-state-management/assignment.md b/translations/hi/7-bank-project/4-state-management/assignment.md
index 91b1e0903..2afe2e1b3 100644
--- a/translations/hi/7-bank-project/4-state-management/assignment.md
+++ b/translations/hi/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **अपेक्षित परिणाम:**
 इस असाइनमेंट को पूरा करने के बाद, आपका बैंकिंग ऐप पूरी तरह से कार्यात्मक "ट्रांजैक्शन जोड़ें" फीचर के साथ होना चाहिए जो पेशेवर रूप से दिखता और व्यवहार करता है:
 
-![एक उदाहरण "ट्रांजैक्शन जोड़ें" संवाद दिखाते हुए स्क्रीनशॉट](../../../../translated_images/hi/dialog.93bba104afeb79f1.png)
+![एक उदाहरण "ट्रांजैक्शन जोड़ें" संवाद दिखाते हुए स्क्रीनशॉट](../../../../translated_images/hi/dialog.93bba104afeb79f1.webp)
 
 ## अपने कार्यान्वयन का परीक्षण करें
 
diff --git a/translations/hi/8-code-editor/1-using-a-code-editor/README.md b/translations/hi/8-code-editor/1-using-a-code-editor/README.md
index ff05c3153..ea6b6029f 100644
--- a/translations/hi/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/hi/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev ये क्षमताएँ आपके ब्राउज़र
 
 जब सब कुछ लोड हो जाए, तो आप एक खूबसूरती से साफ-सुथरा कार्यस्थान देखेंगे जो आपको अपने कोड पर ध्यान केंद्रित रखने के लिए डिज़ाइन किया गया है!
 
-![Default VSCode.dev interface](../../../../translated_images/hi/default-vscode-dev.5d06881d65c1b323.png)
+![Default VSCode.dev interface](../../../../translated_images/hi/default-vscode-dev.5d06881d65c1b323.webp)
 
 **यहाँ आपके आस-पास का टूर है:**
 - **गतिविधि पट्टी** (बाएँ पट्टी): आपकी मुख्य नेविगेशन जिसमें एक्सप्लोरर 📁, सर्च 🔍, सोर्स कंट्रोल 🌿, एक्सटेंशन्स 🧩, और सेटिंग्स ⚙️ शामिल हैं
@@ -229,7 +229,7 @@ flowchart TB
 1. यदि आप पहले से नहीं हैं तो [vscode.dev](https://vscode.dev) पर जाएं
 2. स्वागत स्क्रीन पर "Open Remote Repository" बटन देखें और क्लिक करें
 
-   ![Open remote repository](../../../../translated_images/hi/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Open remote repository](../../../../translated_images/hi/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. कोई भी GitHub रिपॉजिटरी URL पेस्ट करें (इसको आज़माएँ: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Enter दबाएं और जादू देखें!
@@ -238,7 +238,7 @@ flowchart TB
 
 कोडिंग जादूगर जैसा महसूस करना चाहते हैं? यह कीबोर्ड शॉर्टकट आज़माएँ: Ctrl+Shift+P (या Mac पर Cmd+Shift+P) कमांड पॅलेट खोलने के लिए:
 
-![Command Palette](../../../../translated_images/hi/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/hi/palette-menu.4946174e07f42622.webp)
 
 **कमांड पॅलेट ऐसा है जैसे आपके पास हर चीज़ के लिए एक खोज इंजन हो:**
 - "open remote" टाइप करें और यह आपके लिए रिपॉजिटरी खोलने वाला दिखाएगा
@@ -300,7 +300,7 @@ flowchart TB
 3. फ़ाइल नाम दर्ज करें जिसमें उचित एक्सटेंशन हो (`style.css`, `script.js`, `index.html`)
 4. Enter दबाएं फ़ाइल बनाने के लिए
 
-![Creating a new file](../../../../translated_images/hi/create-new-file.2814e609c2af9aeb.png)
+![Creating a new file](../../../../translated_images/hi/create-new-file.2814e609c2af9aeb.webp)
 
 **नामकरण नियम:**
 - वर्णनात्मक नामों का उपयोग करें जो फ़ाइल के उद्देश्य को दर्शाते हों
@@ -318,7 +318,7 @@ flowchart TB
 2. टाइपिंग शुरू करें और देखें कि VSCode.dev रंग, सुझाव, और त्रुटि पहचान के साथ आपकी मदद करता है
 3. Ctrl+S (Windows/Linux) या Cmd+S (Mac) से अपना काम सेव करें – हालांकि यह अपने आप भी सेव करता है!
 
-![Editing files in VSCode.dev](../../../../translated_images/hi/edit-a-file.52c0ee665ef19f08.png)
+![Editing files in VSCode.dev](../../../../translated_images/hi/edit-a-file.52c0ee665ef19f08.webp)
 
 **कोड करते हुए जो बढ़िया होता है:**
 - आपका कोड खूबसूरती से रंगीन होता है जिससे पढ़ना आसान हो जाता है
@@ -339,7 +339,7 @@ flowchart TB
 2. संशोधित फ़ाइलें "परिवर्तन" अनुभाग में दिखें
 3. रंग कोडिंग परिवर्तन के प्रकार को दर्शाती है: हरे रंग में जोड़ और लाल में हटाना
 
-![Viewing changes in Source Control](../../../../translated_images/hi/working-tree.c58eec08e6335c79.png)
+![Viewing changes in Source Control](../../../../translated_images/hi/working-tree.c58eec08e6335c79.webp)
 
 **अपने काम को सहेजना (कमिट वर्कफ़्लो):**
 
@@ -431,7 +431,7 @@ mindmap
 2. इधर-उधर ब्राउज़ करें या कुछ विशिष्ट खोजें
 3. जो कुछ भी दिलचस्प लगे उस पर क्लिक करके अधिक जानें
 
-![Extension marketplace interface](../../../../translated_images/hi/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/hi/extensions.eca0e0c7f59a10b5.webp)
 
 **आप वहाँ क्या देखेंगे:**
 
@@ -484,7 +484,7 @@ mindmap
 3. ड्रॉपडाउन से "Extension Settings" चुनें
 4. जब तक आपकी वर्कफ़्लो के लिए सब बिल्कुल सही न लगे, तब तक बदलाव करें
 
-![Customizing extension settings](../../../../translated_images/hi/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/hi/extension-settings.21c752ae4f4cdb78.webp)
 
 **आम चीजें जिन्हें आप समायोजित कर सकते हैं:**
 - आपका कोड कैसे फॉर्मेट होता है (टैब vs स्पेस, लाइन की लंबाई आदि)
diff --git a/translations/hi/8-code-editor/1-using-a-code-editor/assignment.md b/translations/hi/8-code-editor/1-using-a-code-editor/assignment.md
index b38f86227..bbc20a33d 100644
--- a/translations/hi/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/hi/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. एक कमिट संदेश लिखें: "Add initial HTML structure"  
 5. अपनी परिवर्तनों को सहेजने के लिए "Commit new file" क्लिक करें
 
-![GitHub पर प्रारंभिक फ़ाइल बनाते हुए](../../../../translated_images/hi/new-file-github.com.c886796d800e8056.png)
+![GitHub पर प्रारंभिक फ़ाइल बनाते हुए](../../../../translated_images/hi/new-file-github.com.c886796d800e8056.webp)
 
 **यह प्रारंभिक सेटअप जो करता है:**  
 - उचित HTML5 दस्तावेज़ संरचना स्थापित करता है सेमांटिक तत्वों के साथ  
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **सफलता संकेत:** आपको एक्सप्लोरर साइडबार में अपनी परियोजना फ़ाइलें और मुख्य संपादक क्षेत्र में `index.html` संपादन के लिए दिखाई देगा। 
 
-![VSCode.dev में परियोजना लोड हुई](../../../../translated_images/hi/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev में परियोजना लोड हुई](../../../../translated_images/hi/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **इंटरफ़ेस में आप क्या देखेंगे:**  
 - **Explorer साइडबार**: आपकी रिपॉजिटरी फ़ाइलें और फोल्डर संरचना दिखाता है  
@@ -449,7 +449,7 @@ li:before {
 **इंस्टॉल के तुरंत बाद परिणाम:**  
 CodeSwing इंस्टॉल होने के बाद, आप अपने रिज्यूम वेबसाइट का लाइव प्रीव्यू संपादक में देखेंगे। इससे आप ठीक वैसे ही देख सकते हैं कि आपकी साइट कैसी दिखती है जैसे आप बदलाव करते हैं।
 
-![CodeSwing एक्सटेंशन live preview दिखा रहा है](../../../../translated_images/hi/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing एक्सटेंशन live preview दिखा रहा है](../../../../translated_images/hi/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **बढ़े हुए इंटरफ़ेस को समझना:**  
 - **स्प्लिट व्यू**: एक तरफ आपका कोड और दूसरी तरफ लाइव प्रीव्यू दिखाता है  
diff --git a/translations/hi/9-chat-project/README.md b/translations/hi/9-chat-project/README.md
index b867c2281..005f45ff2 100644
--- a/translations/hi/9-chat-project/README.md
+++ b/translations/hi/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 आपका पूरा प्रोजेक्ट ऐसा दिखेगा:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hi/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hi/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ AI एप्लिकेशन विकास के माध्यम से आपकी सीखने की यात्रा
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **मूल सिद्धांत**: AI एप्लिकेशन विकास पारंपरिक वेब विकास कौशल को AI सेवा इंटीग्रेशन के साथ संयोजित करता है, जिससे उपयोगकर्ताओं के लिए स्वाभाविक और उत्तरदायी बुद्धिमान एप्लिकेशन बनते हैं।
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hi/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hi/playground.d2b927122224ff8f.webp)
 
 **प्लेग्राउंड को इतना उपयोगी बनाने वाली बातें:**
 - GPT-4o-mini, Claude, और अन्य (सभी मुफ़्त!) जैसे विभिन्न AI मॉडल आज़माएं
@@ -199,7 +199,7 @@ mindmap
 
 जब आप थोड़ा प्रयोग कर लें, तो बस "Code" टैब पर क्लिक करें और अपनी प्रोग्रामिंग भाषा चुनें ताकि आपको आवश्यक कार्यान्वयन कोड मिल सके।
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/hi/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/hi/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python बैकएंड इंटीग्रेशन सेट करना
 
@@ -2354,14 +2354,14 @@ mindmap
 - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) पर जाएं  
 - शीर्ष-दाएँ कोने में "Use this template" पर क्लिक करें (सुनिश्चित करें कि आप GitHub में लॉग इन हैं)  
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/hi/template.67ad477109d29a2b.png)  
+![Create from template interface showing the green "Use this template" button](../../../translated_images/hi/template.67ad477109d29a2b.webp)  
 
 **चरण 2: Codespaces लॉन्च करें**  
 - अपने नए बनाए गए रिपॉजिटरी को खोलें  
 - हरे "Code" बटन पर क्लिक करें और "Codespaces" चुनें  
 - "Create codespace on main" चुनें ताकि आपका विकास पर्यावरण शुरू हो सके  
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/hi/codespace.bcecbdf5d2747d3d.png)  
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/hi/codespace.bcecbdf5d2747d3d.webp)  
 
 **चरण 3: पर्यावरण कॉन्फ़िगरेशन**  
 एक बार आपका Codespace लोड हो जाने पर, आपको मिलेगा:  
diff --git a/translations/hi/README.md b/translations/hi/README.md
index 082493c9e..778a53c2c 100644
--- a/translations/hi/README.md
+++ b/translations/hi/README.md
@@ -58,13 +58,13 @@ Azure AI Foundry Discord समुदाय में शामिल हों
 
 शुरू करने के लिए [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) पर जाएं!
 
-![Background](../../translated_images/hi/background.148a8d43afde5730.png)
+![Background](../../translated_images/hi/background.148a8d43afde5730.webp)
 
 - बुनियादी से लेकर RAG तक सब कुछ कवर करने वाले पाठ।
 - GenAI और हमारे सहायता ऐप का उपयोग करके ऐतिहासिक पात्रों के साथ बातचीत करें।
 - मजेदार और आकर्षक कहानी, आप समय यात्रा कर रहे होंगे!
 
-![character](../../translated_images/hi/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/hi/character.5c0dd8e067ffd693.webp)
 
 प्रत्येक पाठ में एक असाइनमेंट, एक ज्ञान जांच और एक चुनौती शामिल है जो आपको निम्नलिखित विषयों पर गाइड करती है:
 - प्रॉम्प्टिंग और प्रॉम्प्ट इंजीनियरिंग
@@ -100,7 +100,7 @@ Azure AI Foundry Discord समुदाय में शामिल हों
 
 आपके द्वारा बनाई गई इस रिपॉजिटरी की कॉपी में, **Code** बटन पर क्लिक करें और **Open with Codespaces** चुनें। यह आपके लिए काम करने के लिए नया Codespace बनाएगा।
 
-![Codespace](../../translated_images/hi/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/hi/createcodespace.0238bbf4d7a8d955.webp)
 
 #### अपने कंप्यूटर पर पाठ्यक्रम को स्थानीय रूप से चलाना
 
diff --git a/translations/hi/for-teachers.md b/translations/hi/for-teachers.md
index a1ca02817..91edf13f5 100644
--- a/translations/hi/for-teachers.md
+++ b/translations/hi/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud में Common Cartridge समर्थन सीमित है। ऊपर दी गई Moodle फ़ाइल को प्राथमिकता दें, जिसे Canvas में भी अपलोड किया जा सकता है।
   - आयात के बाद, मॉड्यूल, नियत तिथियां, और क्विज़ सेटिंग्स की समीक्षा करें ताकि वे आपके टर्म शेड्यूल से मेल खा सकें।
 
-![Moodle](../../translated_images/hi/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/hi/moodle.94eb93d714a50cb2.webp)
 > Moodle कक्षा में पाठ्यक्रम
 
-![Canvas](../../translated_images/hi/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/hi/canvas.fbd605ff8e5b8aff.webp)
 > Canvas में पाठ्यक्रम
 
 ### सीधे रिपॉजिटरी का उपयोग करें (कोई Classroom नहीं)
diff --git a/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 8460c23a3..6f0c1e959 100644
--- a/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 今天，我們將探索現代網頁開發令人驚嘆的工具，讓它不僅僅是可行，而是讓人嚴重上癮。我說的就是 Netflix、Spotify 和你喜歡的獨立應用工作室每天使用的同一套編輯器、瀏覽器和工作流程。最棒的是：這些專業級、業界標準的工具大多數都是完全免費的！
 
-![Intro Programming](../../../../translated_images/hk/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/hk/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hk/1-getting-started-lessons/2-github-basics/README.md b/translations/hk/1-getting-started-lessons/2-github-basics/README.md
index 4d34bacaa..1c3b86322 100644
--- a/translations/hk/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/hk/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 我們會一步步一起走這趟旅程，沒有急躁，沒有壓力——只有你我和一些超酷的工具，它們將成為你新的好朋友！
 
-![Intro to GitHub](../../../../translated_images/hk/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/hk/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ flowchart TD
 
 ✅ 找到「新手友好」的 repo 一個好方法是[使用 'good-first-issue' 標籤搜尋](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。
 
-![Copy a repo locally](../../../../translated_images/hk/clone_repo.5085c48d666ead57.png)
+![Copy a repo locally](../../../../translated_images/hk/clone_repo.5085c48d666ead57.webp)
 
 複製代碼有好幾種方式。最常見的是使用 HTTPS、SSH 或 GitHub CLI（命令列工具）「克隆」該儲存庫內容。
 
diff --git a/translations/hk/1-getting-started-lessons/3-accessibility/README.md b/translations/hk/1-getting-started-lessons/3-accessibility/README.md
index 3f1ebd70a..9c52b61d3 100644
--- a/translations/hk/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/hk/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # 建立無障礙網頁
 
-![All About Accessibility](../../../../translated_images/hk/webdev101-a11y.8ef3025c858d897a.png)  
+![All About Accessibility](../../../../translated_images/hk/webdev101-a11y.8ef3025c858d897a.webp)  
 > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hk/2-js-basics/1-data-types/README.md b/translations/hk/2-js-basics/1-data-types/README.md
index b0964733a..9ba358c4d 100644
--- a/translations/hk/2-js-basics/1-data-types/README.md
+++ b/translations/hk/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：資料類型
 
-![JavaScript Basics - Data types](../../../../translated_images/hk/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/hk/webdev101-js-datatypes.4cc470179730702c.webp)
 > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hk/2-js-basics/2-functions-methods/README.md b/translations/hk/2-js-basics/2-functions-methods/README.md
index 2d06c7c2e..3abbdb0f0 100644
--- a/translations/hk/2-js-basics/2-functions-methods/README.md
+++ b/translations/hk/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：方法與函數
 
-![JavaScript Basics - Functions](../../../../translated_images/hk/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/hk/webdev101-js-functions.be049c4726e94f8b.webp)
 > 繪圖筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 ```mermaid
diff --git a/translations/hk/2-js-basics/3-making-decisions/README.md b/translations/hk/2-js-basics/3-making-decisions/README.md
index 12b9d7605..68c0646b1 100644
--- a/translations/hk/2-js-basics/3-making-decisions/README.md
+++ b/translations/hk/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：作出決策
 
-![JavaScript Basics - Making decisions](../../../../translated_images/hk/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/hk/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
diff --git a/translations/hk/2-js-basics/4-arrays-loops/README.md b/translations/hk/2-js-basics/4-arrays-loops/README.md
index 1f1e994cc..cd1161d65 100644
--- a/translations/hk/2-js-basics/4-arrays-loops/README.md
+++ b/translations/hk/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：陣列與迴圈
 
-![JavaScript Basics - Arrays](../../../../translated_images/hk/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/hk/webdev101-js-arrays.439d7528b8a29455.webp)
 > 筆記作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hk/3-terrarium/1-intro-to-html/README.md b/translations/hk/3-terrarium/1-intro-to-html/README.md
index ae405419f..dca66d96a 100644
--- a/translations/hk/3-terrarium/1-intro-to-html/README.md
+++ b/translations/hk/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![Introduction to HTML](../../../../translated_images/hk/webdev101-html.4389c2067af68e98.png)
+![Introduction to HTML](../../../../translated_images/hk/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 HTML，或稱超文字標記語言，是你曾造訪過的每個網站的基礎。將 HTML 想像成提供網頁結構的骨架——它定義內容的位置、組織方式以及每個部分的意義。雖然稍後 CSS 會為你的 HTML 加上顏色與版面配置，JavaScript 則會讓它具有互動性，但 HTML 提供了讓一切成為可能的必要結構。
@@ -86,7 +86,7 @@ mindmap
 4. 在檔案總管側邊欄，點擊「新增檔案」圖示
 5. 將檔案命名為 `index.html`
 
-![VS Code Explorer showing new file creation](../../../../translated_images/hk/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer showing new file creation](../../../../translated_images/hk/vs-code-index.e2986cf919471eb9.webp)
 
 **方案二：使用終端機指令**
 ```bash
diff --git a/translations/hk/3-terrarium/2-intro-to-css/README.md b/translations/hk/3-terrarium/2-intro-to-css/README.md
index e7b4238ff..e3256ccdf 100644
--- a/translations/hk/3-terrarium/2-intro-to-css/README.md
+++ b/translations/hk/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       響應式設計: 5: Student
       玻璃反射: 5: Student
 ```
-![Introduction to CSS](../../../../translated_images/hk/webdev101-css.3f7af5991bf53a20.png)
+![Introduction to CSS](../../../../translated_images/hk/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 還記得你的 HTML terrarium 看起來相當簡單嗎？CSS 就是將那個普通結構變得視覺吸引的關鍵。
@@ -202,7 +202,7 @@ body {
 
 打開瀏覽器開發者工具（F12），切換至 Elements，檢查 `<h1>`，可看到它繼承 body 的字型：
 
-![inherited font](../../../../translated_images/hk/1.cc07a5cbe114ad1d.png)
+![inherited font](../../../../translated_images/hk/1.cc07a5cbe114ad1d.webp)
 
 ✅ **實驗時間**：試著在 `<body>` 設定其他可繼承屬性如 `color`、`line-height`、`text-align`。你的標題和其他元素會發生什麼事？
 
@@ -594,7 +594,7 @@ flowchart LR
 
 你將創建細膩的高光，模擬光線如何在玻璃面反射。這類似文藝復興畫家 Jan van Eyck 利用光影與反射使繪畫中的玻璃呈現立體感。目標如下：
 
-![finished terrarium](../../../../translated_images/hk/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/hk/terrarium-final.2f07047ffc597d0a.webp)
 
 **你的挑戰：**
 - **創建**細膩的白色或淺色橢圓形，用於玻璃反光
diff --git a/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md
index cc56e7d9a..cb4c7f841 100644
--- a/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/hk/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       測試功能: 5: Student
       完成生態箱: 5: Student
 ```
-![DOM 與閉包](../../../../translated_images/hk/webdev101-js.10280393044d7eaa.png)
+![DOM 與閉包](../../../../translated_images/hk/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 歡迎來到網頁開發中最吸引人的部分之一——讓事物互動起來！文件物件模型（DOM）就像你的 HTML 與 JavaScript 之間的橋樑，今天我們將利用它讓你的植物箱活起來。當 Tim Berners-Lee 發明第一台網頁瀏覽器時，他就想像了一個文件可以動態且互動的網路，而 DOM 讓這個願景成為可能。
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.png)
+![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM 與對應 HTML 標記的示意圖。來自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **理解閉包**：閉包是 JavaScript 中一個重要主題，許多開發者使用多年後才完全掌握所有理論面。今天我們主要探討實務應用——你會自然看到閉包在我們建構互動功能時出現。當你看到它們如何解決實際問題，理解就會逐漸形成。
 
-![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.png)
+![DOM 樹狀結構圖](../../../../translated_images/hk/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM 與對應 HTML 標記的示意圖。來自 [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **跨裝置支援**：適用桌面與行動裝置
 - **效能意識**：無記憶體洩漏或多餘計算
 
-![finished terrarium](../../../../translated_images/hk/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/hk/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/hk/5-browser-extension/1-about-browsers/README.md b/translations/hk/5-browser-extension/1-about-browsers/README.md
index 14d1827da..9ad90ccb2 100644
--- a/translations/hk/5-browser-extension/1-about-browsers/README.md
+++ b/translations/hk/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       除錯問題: 4: 學生
       精煉體驗: 5: 學生
 ```
-![瀏覽器手繪筆記](../../../../translated_images/hk/browser.60317c9be8b7f84a.jpg)
+![瀏覽器手繪筆記](../../../../translated_images/hk/browser.60317c9be8b7f84a.webp)
 > 手繪筆記作者：[Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## 課前測驗
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **歷史小知識**：首款瀏覽器名為「WorldWideWeb」，由Sir Timothy Berners-Lee於1990年創造。
 
-![早期瀏覽器](../../../../translated_images/hk/earlybrowsers.d984b711cdf3a42d.jpg)
+![早期瀏覽器](../../../../translated_images/hk/earlybrowsers.d984b711cdf3a42d.webp)
 > 一些早期瀏覽器，來源：[Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### 瀏覽器如何處理網頁內容
@@ -194,7 +194,7 @@ quadrantChart
 
 了解擴充功能安裝流程，能幫助您預見用戶安裝擴充功能時的操作體驗。現代瀏覽器的安裝流程標準化，但介面設計或略有差異。
 
-![Edge 瀏覽器截圖顯示開啟 edge://extensions 頁面與設定選單](../../../../translated_images/hk/install-on-edge.d68781acaf0b3d3d.png)
+![Edge 瀏覽器截圖顯示開啟 edge://extensions 頁面與設定選單](../../../../translated_images/hk/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **重要**：測試自製擴充功能時，務必切換至開發者模式，並允許來自其他商店的擴充功能。
 
@@ -308,10 +308,10 @@ project-root/
 ### 擴充功能視圖概述
 
 **設定畫面** - 用戶首次配置：
-![完成的擴充功能在瀏覽器中顯示含地區名稱及 API 金鑰輸入欄位的表單截圖。](../../../../translated_images/hk/1.b6da8c1394b07491.png)
+![完成的擴充功能在瀏覽器中顯示含地區名稱及 API 金鑰輸入欄位的表單截圖。](../../../../translated_images/hk/1.b6da8c1394b07491.webp)
 
 **結果畫面** - 顯示碳足跡資料：
-![完成的擴充功能顯示 US-NEISO 地區碳使用量及化石燃料百分比數值的截圖。](../../../../translated_images/hk/2.1dae52ff08042246.png)
+![完成的擴充功能顯示 US-NEISO 地區碳使用量及化石燃料百分比數值的截圖。](../../../../translated_images/hk/2.1dae52ff08042246.webp)
 
 ### 建構設定表單
 
diff --git a/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md
index 5cdc7eafd..44b2e9153 100644
--- a/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/hk/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: 移除已儲存資料
     ClearStorage --> FirstTime: 返回設定
 ```
-![Local storage pane](../../../../translated_images/hk/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/hk/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **安全注意**：在正式應用中，將 API 金鑰儲存在 LocalStorage 有安全風險，因為任何 JavaScript 都能讀取。學習用途可以暫時使用，但實際應用應採用安全的伺服器端儲存敏感憑證。
 
diff --git a/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md
index dccb22bb0..247001150 100644
--- a/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/hk/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 我們試試看。打開一個網站（Microsoft.com 很適合），點按「錄製」按鈕。現在刷新頁面，並觀看分析器捕捉整個過程。停止錄製後，你會看到詳細的瀏覽器如何「腳本執行」、「渲染」和「繪製」網站的分析報告。這讓我想到任務控制中心在火箭發射時監控每個系統—你會取得實時資料，知道到底發生了什麼、什麼時候發生。
 
-![Edge profiler](../../../../translated_images/hk/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/hk/profiler.5a4a62479c5df01c.webp)
 
 ✅ 若想深入學習，參考 [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) 裡有豐富細節
 
@@ -133,11 +133,11 @@ flowchart LR
 
 選取剖面時間軸的一部分，查看摘要面板，以獲取頁面效能快照：
 
-![Edge profiler snapshot](../../../../translated_images/hk/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/hk/snapshot.97750180ebcad737.webp)
 
 查看事件紀錄面板，看看是否有事件耗時超過 15 毫秒：
 
-![Edge event log](../../../../translated_images/hk/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/hk/log.804026979f3707e0.webp)
 
 ✅ 熟悉你的剖析器！打開本網站的開發者工具，看看是否有哪些瓶頸。最慢載入的資源是什麼？最快的是什麼？
 
diff --git a/translations/hk/6-space-game/2-drawing-to-canvas/README.md b/translations/hk/6-space-game/2-drawing-to-canvas/README.md
index 399dbc9b7..85f255f62 100644
--- a/translations/hk/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/hk/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![canvas 的格線](../../../../translated_images/hk/canvas_grid.5f209da785ded492.png)
+![canvas 的格線](../../../../translated_images/hk/canvas_grid.5f209da785ded492.webp)
 > 圖片來自 [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 在 canvas 元素上繪圖，你會按照以下三個步驟，這是所有 canvas 圖形的基礎。練習幾次之後，你就能輕鬆習慣：
@@ -323,11 +323,11 @@ flowchart TD
 
 - 英雄飛船
 
-   ![英雄飛船](../../../../translated_images/hk/player.dd24c1afa8c71e9b.png)
+   ![英雄飛船](../../../../translated_images/hk/player.dd24c1afa8c71e9b.webp)
 
 - 5×5 隻怪物
 
-   ![怪物飛船](../../../../translated_images/hk/enemyShip.5df2a822c16650c2.png)
+   ![怪物飛船](../../../../translated_images/hk/enemyShip.5df2a822c16650c2.webp)
 
 ### 推薦開發步驟
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 完成的結果應該看起來像這樣：
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/hk/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/hk/partI-solution.36c53b48c9ffae2a.webp)
 
 ## 解決方案
 
diff --git a/translations/hk/6-space-game/5-keeping-score/README.md b/translations/hk/6-space-game/5-keeping-score/README.md
index e2c511c88..d69cd949f 100644
--- a/translations/hk/6-space-game/5-keeping-score/README.md
+++ b/translations/hk/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **得分系統**：每摧毀一艘敵機，獲得100分（整數更方便玩家心算）。分數顯示在左下角。
-- **生命計數器**：你的英雄起始有三條命 —— 這是早期街機遊戲定下的標準，平衡挑戰與可玩性。每次與敵機碰撞損失一條命。剩餘生命用飛船圖示顯示在右下角 ![life image](../../../../translated_images/hk/life.6fb9f50d53ee0413.png)。
+- **生命計數器**：你的英雄起始有三條命 —— 這是早期街機遊戲定下的標準，平衡挑戰與可玩性。每次與敵機碰撞損失一條命。剩餘生命用飛船圖示顯示在右下角 ![life image](../../../../translated_images/hk/life.6fb9f50d53ee0413.webp)。
 
 ## 開始動手吧！
 
diff --git a/translations/hk/7-bank-project/1-template-route/README.md b/translations/hk/7-bank-project/1-template-route/README.md
index d1ebf66cb..63347302c 100644
--- a/translations/hk/7-bank-project/1-template-route/README.md
+++ b/translations/hk/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 使用 `history.pushState` 會在瀏覽器導航歷史中新增條目。你可按住瀏覽器「返回按鈕」，會看到類似這樣的視窗：
 
-![截圖：導航歷史](../../../../translated_images/hk/history.7fdabbafa521e064.png)
+![截圖：導航歷史](../../../../translated_images/hk/history.7fdabbafa521e064.webp)
 
 若連按幾次返回按鈕，你會發現目前 URL 改變、歷史更新，但模板不斷顯示相同內容。
 
diff --git a/translations/hk/7-bank-project/2-forms/README.md b/translations/hk/7-bank-project/2-forms/README.md
index 11efa09b5..b39294239 100644
--- a/translations/hk/7-bank-project/2-forms/README.md
+++ b/translations/hk/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. 觀察瀏覽器網址列的變化
 3. 注意頁面重新載入且資料出現在 URL 中
 
-![點擊註冊按鈕後瀏覽器網址變化截圖](../../../../translated_images/hk/click-register.e89a30bf0d4bc9ca.png)
+![點擊註冊按鈕後瀏覽器網址變化截圖](../../../../translated_images/hk/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP 方法比較
 
@@ -346,7 +346,7 @@ graph TD
 2. **點擊**「建立帳戶」按鈕
 3. **觀察**瀏覽器中的伺服器回應
 
-![瀏覽器視窗顯示 localhost:5000/api/accounts 地址，呈現包含用戶資料的 JSON 字串](../../../../translated_images/hk/form-post.61de4ca1b964d91a.png)
+![瀏覽器視窗顯示 localhost:5000/api/accounts 地址，呈現包含用戶資料的 JSON 字串](../../../../translated_images/hk/form-post.61de4ca1b964d91a.webp)
 
 **你應該看到：**
 - **瀏覽器跳轉**至 API 端點 URL
@@ -609,7 +609,7 @@ async function register() {
 3. **點擊**「建立帳戶」
 4. **觀察** 控制台訊息及使用者回饋
 
-![瀏覽器控制台顯示紀錄訊息的截圖](../../../../translated_images/hk/browser-console.efaf0b51aaaf6778.png)
+![瀏覽器控制台顯示紀錄訊息的截圖](../../../../translated_images/hk/browser-console.efaf0b51aaaf6778.webp)
 
 **你應該看到：**
 - **提交按鈕出現** 加載狀態
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **嘗試** 在使用者名稱內輸入特殊字元
 4. **輸入** 負數餘額金額
 
-![嘗試送出表單時顯示驗證錯誤的截圖](../../../../translated_images/hk/validation-error.8bd23e98d416c22f.png)
+![嘗試送出表單時顯示驗證錯誤的截圖](../../../../translated_images/hk/validation-error.8bd23e98d416c22f.webp)
 
 **你會觀察到：**
 - **瀏覽器呈現** 原生驗證訊息
@@ -943,7 +943,7 @@ timeline
 
 以下是簡單美化後的最終登入頁面範例：
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/hk/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/hk/result.96ef01f607bf856a.webp)
 
 ## 課後小測驗
 
diff --git a/translations/hk/7-bank-project/3-data/README.md b/translations/hk/7-bank-project/3-data/README.md
index 32b7c3312..068f393b4 100644
--- a/translations/hk/7-bank-project/3-data/README.md
+++ b/translations/hk/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: 返回完整的 HTML 頁面
     Browser->>User: 顯示新頁面（閃爍/重載）
 ```
-![多頁面應用的更新流程](../../../../translated_images/hk/mpa.7f7375a1a2d4aa77.png)
+![多頁面應用的更新流程](../../../../translated_images/hk/mpa.7f7375a1a2d4aa77.webp)
 
 **這方法令人覺得笨拙的原因：**
 - 每次點擊都重建整個頁面
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: 更新指定的頁面元素
     Browser->>User: 顯示更新內容（無需重新載入）
 ```
-![單頁應用的更新流程](../../../../translated_images/hk/spa.268ec73b41f992c2.png)
+![單頁應用的更新流程](../../../../translated_images/hk/spa.268ec73b41f992c2.webp)
 
 **SPA 感覺更好的原因：**
 - 只更新實際改變的部分（很聰明吧？）
@@ -516,7 +516,7 @@ if (data.error) {
 
 以後測試錯誤帳號，你會立刻在頁面看到有幫助的錯誤訊息！
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/hk/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/hk/login-error.416fe019b36a6327.webp)
 
 #### 第四步：考慮無障礙使用
 
@@ -950,7 +950,7 @@ timeline
 
 呢度係一個經過樣式化嘅儀表板嘅示例：
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hk/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hk/screen2.123c82a831a1d14a.webp)
 
 唔使死乞白賴要完全一樣，用嚟做靈感，打造屬於你嘅風格！
 
diff --git a/translations/hk/7-bank-project/4-state-management/README.md b/translations/hk/7-bank-project/4-state-management/README.md
index c8da4d248..93ac601e7 100644
--- a/translations/hk/7-bank-project/4-state-management/README.md
+++ b/translations/hk/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 不再蛇行亂撞，而是建立 **集中式狀態管理** 系統。想像有一名非常有組織的專責人員主控所有重要事物：
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/hk/data-flow.fa2354e0908fecc8.png)
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/hk/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ timeline
 
 以下為完成作業後的示範結果：
 
-![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/hk/dialog.93bba104afeb79f1.png)
+![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/hk/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/hk/7-bank-project/4-state-management/assignment.md b/translations/hk/7-bank-project/4-state-management/assignment.md
index 8bc016128..134557c7d 100644
--- a/translations/hk/7-bank-project/4-state-management/assignment.md
+++ b/translations/hk/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **預期結果：**  
 完成作業後，你的銀行應用應具備完整且專業的「新增交易」功能：
 
-![顯示「新增交易」對話框範例的截圖](../../../../translated_images/hk/dialog.93bba104afeb79f1.png)
+![顯示「新增交易」對話框範例的截圖](../../../../translated_images/hk/dialog.93bba104afeb79f1.webp)
 
 ## 測試你的實作
 
diff --git a/translations/hk/8-code-editor/1-using-a-code-editor/README.md b/translations/hk/8-code-editor/1-using-a-code-editor/README.md
index a3267054a..7c42f2f30 100644
--- a/translations/hk/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/hk/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev 將這些功能帶入瀏覽器：
 
 一切載入後，你將看到一個簡潔美觀的工作區，設計來幫助你專注於重要的事——你的程式碼！
 
-![Default VSCode.dev interface](../../../../translated_images/hk/default-vscode-dev.5d06881d65c1b323.png)
+![Default VSCode.dev interface](../../../../translated_images/hk/default-vscode-dev.5d06881d65c1b323.webp)
 
 **這是你的區域導覽：**
 - **活動欄**（左側條）：主導航含資源管理器 📁、搜尋 🔍、原始碼控制 🌿、擴充功能 🧩、設定 ⚙️
@@ -229,7 +229,7 @@ flowchart TB
 1. 如果還沒在，先前往 [vscode.dev](https://vscode.dev)
 2. 在歡迎頁尋找「Open Remote Repository」按鈕並點擊
 
-   ![Open remote repository](../../../../translated_images/hk/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Open remote repository](../../../../translated_images/hk/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. 貼上任何 GitHub 倉庫網址（試試這個：`https://github.com/microsoft/Web-Dev-For-Beginners`）
 4. 按 Enter，見證魔法發生！
@@ -238,7 +238,7 @@ flowchart TB
 
 想感受成為編碼魔法師的感覺？試試這個鍵盤快捷鍵：Ctrl+Shift+P（Mac 上為 Cmd+Shift+P），開啟指令面板：
 
-![Command Palette](../../../../translated_images/hk/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/hk/palette-menu.4946174e07f42622.webp)
 
 **指令面板就像你所有操作的搜尋引擎：**
 - 輸入「open remote」立刻找到開啟遠端倉庫功能
@@ -300,7 +300,7 @@ flowchart TB
 3. 輸入包含正確副檔名的檔名（如 `style.css`、`script.js`、`index.html`）
 4. 按 Enter 建立檔案
 
-![Creating a new file](../../../../translated_images/hk/create-new-file.2814e609c2af9aeb.png)
+![Creating a new file](../../../../translated_images/hk/create-new-file.2814e609c2af9aeb.webp)
 
 **命名規範：**
 - 使用描述性名稱以表明檔案用途
@@ -318,7 +318,7 @@ flowchart TB
 2. 開始輸入，觀看 VSCode.dev 為你提供顏色標示、建議及錯誤提示
 3. 用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存工作——但它也會自動保存！
 
-![Editing files in VSCode.dev](../../../../translated_images/hk/edit-a-file.52c0ee665ef19f08.png)
+![Editing files in VSCode.dev](../../../../translated_images/hk/edit-a-file.52c0ee665ef19f08.webp)
 
 **編碼時有趣的事情：**
 - 程式碼會被漂亮地著色，閱讀方便
@@ -339,7 +339,7 @@ flowchart TB
 2. 已修改檔案會出現在「Changes」區域
 3. 顏色標示變更類型：綠色代表新增，紅色代表刪除
 
-![Viewing changes in Source Control](../../../../translated_images/hk/working-tree.c58eec08e6335c79.png)
+![Viewing changes in Source Control](../../../../translated_images/hk/working-tree.c58eec08e6335c79.webp)
 
 **保存工作（提交工作流程）：**
 
@@ -431,7 +431,7 @@ mindmap
 2. 瀏覽或搜尋特定項目
 3. 點擊任何看起來有趣的項目以了解更多
 
-![Extension marketplace interface](../../../../translated_images/hk/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/hk/extensions.eca0e0c7f59a10b5.webp)
 
 **你會看到的內容：**
 
@@ -484,7 +484,7 @@ mindmap
 3. 從下拉選單中選「擴充功能設定」
 4. 依照工作流程調整到自己喜歡的狀態
 
-![Customizing extension settings](../../../../translated_images/hk/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/hk/extension-settings.21c752ae4f4cdb78.webp)
 
 **常見調整項目：**
 - 程式碼格式設定（tab 或空白鍵、最大行長等）
diff --git a/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md b/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md
index 380249b44..055a113b4 100644
--- a/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/hk/8-code-editor/1-using-a-code-editor/assignment.md
@@ -79,7 +79,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **輸入**提交訊息：「Add initial HTML structure」
 5. **點擊**「Commit new file」儲存變更
 
-![在 GitHub 建立初始檔案](../../../../translated_images/hk/new-file-github.com.c886796d800e8056.png)
+![在 GitHub 建立初始檔案](../../../../translated_images/hk/new-file-github.com.c886796d800e8056.webp)
 
 **這初始設置達成的效果：**
 - **建立**正確的 HTML5 文件結構，使用語意標籤
@@ -105,7 +105,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **成功指標**：你會看到專案檔案呈現在側邊欄中，且能在主要編輯區編輯 `index.html`。
 
-![專案載入 VSCode.dev](../../../../translated_images/hk/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![專案載入 VSCode.dev](../../../../translated_images/hk/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **介面中你將看到：**
 - **Explorer 側邊欄**：**顯示**版本庫檔案與資料夾結構
@@ -450,7 +450,7 @@ li:before {
 **安裝後的即時效果：**
 安裝完成後，你會在編輯器看到履歷網站的即時預覽，方便你隨時檢視網站外觀。
 
-![CodeSwing 即時預覽](../../../../translated_images/hk/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing 即時預覽](../../../../translated_images/hk/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **強化介面說明：**
 - **分割檢視**：一側顯示程式碼，一側顯示即時預覽
diff --git a/translations/hk/9-chat-project/README.md b/translations/hk/9-chat-project/README.md
index c89490f6e..90d4aa5a5 100644
--- a/translations/hk/9-chat-project/README.md
+++ b/translations/hk/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 以下是你完成的專案外觀：
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hk/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hk/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ 你的 AI 應用開發學習之旅
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **核心原則**：AI 應用開發結合傳統網頁技能與 AI 服務整合，創建智能且自然、回應迅速的應用。
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hk/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hk/playground.d2b927122224ff8f.webp)
 
 **playground 特別實用的原因：**
 - **試用** 不同的 AI 模型，如 GPT-4o-mini、Claude 等（全部免費！）
@@ -199,7 +199,7 @@ mindmap
 
 玩過一會兒後，點擊「Code」頁籤，選擇程式語言，即可取得你需要的實作程式碼。
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/hk/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/hk/playground-choice.1d23ba7d407f4758.webp)
 
 ## 設定 Python 後端整合
 
@@ -2353,14 +2353,14 @@ mindmap
 - **前往** [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)
 - **點擊** 右上角的「Use this template」（確保已登入 GitHub）
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/hk/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/hk/template.67ad477109d29a2b.webp)
 
 **步驟 2：啟動 Codespaces**
 - **打開** 剛建立的儲存庫
 - **點擊** 綠色「Code」按鈕，選擇「Codespaces」
 - **選擇** 「Create codespace on main」開始你的開發環境
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/hk/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/hk/codespace.bcecbdf5d2747d3d.webp)
 
 **步驟 3：環境配置**
 你的 Codespace 載入後，即可使用：
diff --git a/translations/hk/README.md b/translations/hk/README.md
index b4596c1f6..6f5e97422 100644
--- a/translations/hk/README.md
+++ b/translations/hk/README.md
@@ -56,13 +56,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
 
-![Background](../../translated_images/hk/background.148a8d43afde5730.png)
+![Background](../../translated_images/hk/background.148a8d43afde5730.webp)
 
 - 涵蓋從基礎到 RAG (Retrieval-Augmented Generation) 的課程  
 - 使用 GenAI 及我們的夥伴應用程式與歷史人物互動  
 - 有趣且引人入勝的故事情節，帶你穿越時空！
 
-![character](../../translated_images/hk/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/hk/character.5c0dd8e067ffd693.webp)
 
 每堂課都包含作業、知識檢查及挑戰，引導你學習以下主題：  
 - 提示語設計與提示工程  
@@ -98,7 +98,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 在您剛建立的倉庫中，點擊 **Code** 按鈕並選擇 **Open with Codespaces**。系統會為您建立一個新的 Codespace 作業環境。
 
-![Codespace](../../translated_images/hk/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/hk/createcodespace.0238bbf4d7a8d955.webp)
 
 #### 在您的電腦上本地執行課程
 
diff --git a/translations/hk/for-teachers.md b/translations/hk/for-teachers.md
index 37417a2ae..4dd474868 100644
--- a/translations/hk/for-teachers.md
+++ b/translations/hk/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上面的 Moodle 文件，該文件也可以上傳到 Canvas。
   - 導入後，請檢查模塊、截止日期和測驗設置，以匹配您的學期安排。
 
-![Moodle](../../translated_images/hk/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/hk/moodle.94eb93d714a50cb2.webp)
 > Moodle 課堂中的課程內容
 
-![Canvas](../../translated_images/hk/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/hk/canvas.fbd605ff8e5b8aff.webp)
 > Canvas 課堂中的課程內容
 
 ### 直接使用資源庫（不使用 Classroom）
diff --git a/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 23ced0180..abfe49388 100644
--- a/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Pogledaj, potpuno razumijem ako ti se programiranje sada čini zastrašujuće. K
 
 Danas ćemo istražiti nevjerojatne alate koji čine moderni web razvoj ne samo mogućim, već i ozbiljno zaraznim. Govorim o točno istim uređivačima, preglednicima i radnim procesima koje koriste developeri u Netflixu, Spotifyu i tvom omiljenom indie studiju svaki dan. I evo dijela koji će te natjerati da zaplešeš od sreće: većina ovih profesionalnih, industrijskih alata je potpuno besplatna!
 
-![Intro Programming](../../../../translated_images/hr/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/hr/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hr/1-getting-started-lessons/2-github-basics/README.md b/translations/hr/1-getting-started-lessons/2-github-basics/README.md
index c9724acf4..8b69c4b63 100644
--- a/translations/hr/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/hr/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Znam da ti to može na početku djelovati previše – sjećam se i sam da sam g
 
 Krenut ćemo na ovo putovanje zajedno, korak po korak. Bez žurbe, bez pritiska – samo ti, ja i nekoliko stvarno cool alata koji će ubrzo postati tvoji novi najbolji prijatelji!
 
-![Intro to GitHub](../../../../translated_images/hr/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/hr/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -606,7 +606,7 @@ Prvo, pronađimo repozitorij (ili **repo**) na GitHubu koji vas zanima i u kojem
 
 ✅ Dobar način za pronalaženje 'prijateljskih za početnike' repozitorija je [pretraživanje po oznaci 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Kopirajte repozitorij lokalno](../../../../translated_images/hr/clone_repo.5085c48d666ead57.png)
+![Kopirajte repozitorij lokalno](../../../../translated_images/hr/clone_repo.5085c48d666ead57.webp)
 
 Postoji nekoliko načina za kopiranje koda. Jedan od načina je "kloniranje" sadržaja repozitorija, koristeći HTTPS, SSH, ili GitHub CLI (Command Line Interface).
 
diff --git a/translations/hr/1-getting-started-lessons/3-accessibility/README.md b/translations/hr/1-getting-started-lessons/3-accessibility/README.md
index 0a6b88ca2..3f6b5e358 100644
--- a/translations/hr/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/hr/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Izrada pristupačnih web stranica
 
-![Sve o pristupačnosti](../../../../translated_images/hr/webdev101-a11y.8ef3025c858d897a.png)
+![Sve o pristupačnosti](../../../../translated_images/hr/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hr/2-js-basics/1-data-types/README.md b/translations/hr/2-js-basics/1-data-types/README.md
index 473dd3ef8..e5ddef1af 100644
--- a/translations/hr/2-js-basics/1-data-types/README.md
+++ b/translations/hr/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Osnove JavaScripta: Tipovi podataka
 
-![JavaScript Basics - Data types](../../../../translated_images/hr/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/hr/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hr/2-js-basics/2-functions-methods/README.md b/translations/hr/2-js-basics/2-functions-methods/README.md
index 4bbdf9a9b..47e4075ba 100644
--- a/translations/hr/2-js-basics/2-functions-methods/README.md
+++ b/translations/hr/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Osnove JavaScripta: Metode i funkcije
 
-![JavaScript Osnove - Funkcije](../../../../translated_images/hr/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Osnove - Funkcije](../../../../translated_images/hr/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote autorice [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hr/2-js-basics/3-making-decisions/README.md b/translations/hr/2-js-basics/3-making-decisions/README.md
index 8e9e6fc7d..522d80967 100644
--- a/translations/hr/2-js-basics/3-making-decisions/README.md
+++ b/translations/hr/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Osnove JavaScripta: Donošenje odluka
 
-![Osnove JavaScripta - Donošenje odluka](../../../../translated_images/hr/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![Osnove JavaScripta - Donošenje odluka](../../../../translated_images/hr/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote autorice [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/hr/2-js-basics/4-arrays-loops/README.md b/translations/hr/2-js-basics/4-arrays-loops/README.md
index 8a3308fa4..37fc9b988 100644
--- a/translations/hr/2-js-basics/4-arrays-loops/README.md
+++ b/translations/hr/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Osnove JavaScripta: Nizovi i petlje
 
-![JavaScript Basics - Arrays](../../../../translated_images/hr/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/hr/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hr/3-terrarium/1-intro-to-html/README.md b/translations/hr/3-terrarium/1-intro-to-html/README.md
index e474dc2d4..87b17a465 100644
--- a/translations/hr/3-terrarium/1-intro-to-html/README.md
+++ b/translations/hr/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![Uvod u HTML](../../../../translated_images/hr/webdev101-html.4389c2067af68e98.png)
+![Uvod u HTML](../../../../translated_images/hr/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, ili HyperText Markup Language, temelj je svake web stranice koju ste ikada posjetili. Zamislite HTML kao kostur koji daje strukturu web stranicama – on definira gdje sadržaj ide, kako je organiziran i što svaki dio predstavlja. Dok će CSS kasnije "ofarbati" vaš HTML bojama i rasporedima, a JavaScript će ga oživjeti interaktivnošću, HTML pruža osnovnu strukturu koja omogućuje sve ostalo.
@@ -86,7 +86,7 @@ Napravit ćete posebnu mapu za vaš terarij projekt i dodati prvu HTML datoteku.
 4. U Explorer panelu kliknite na ikonu "New File"
 5. Nazovite svoju datoteku `index.html`
 
-![VS Code Explorer prikazuje stvaranje nove datoteke](../../../../translated_images/hr/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer prikazuje stvaranje nove datoteke](../../../../translated_images/hr/vs-code-index.e2986cf919471eb9.webp)
 
 **Opcija 2: Korištenje naredbi u Terminalu**
 ```bash
diff --git a/translations/hr/3-terrarium/2-intro-to-css/README.md b/translations/hr/3-terrarium/2-intro-to-css/README.md
index cbebccc47..d70194d04 100644
--- a/translations/hr/3-terrarium/2-intro-to-css/README.md
+++ b/translations/hr/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Responsivni dizajn: 5: Student
       Stakleni odrazi: 5: Student
 ```
-![Uvod u CSS](../../../../translated_images/hr/webdev101-css.3f7af5991bf53a20.png)
+![Uvod u CSS](../../../../translated_images/hr/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Sjećaš li se kako je tvoj HTML terrarij izgledao prilično osnovno? CSS je mjesto gdje tu običnu strukturu pretvaramo u nešto vizualno privlačno.
@@ -202,7 +202,7 @@ body {
 
 Otvori alate za razvoj preglednika (F12), idi na tab Elements i pregledaj svoj `<h1>` element. Vidjet ćeš da nasljeđuje font-family od body:
 
-![naslijeđeni font](../../../../translated_images/hr/1.cc07a5cbe114ad1d.png)
+![naslijeđeni font](../../../../translated_images/hr/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Vrijeme za eksperiment**: Pokušaj postaviti druga nasljediva svojstva na `<body>` kao `color`, `line-height` ili `text-align`. Što se događa s naslovom i ostalim elementima?
 
@@ -594,7 +594,7 @@ Spremni za povećanje realizma terarija s realističnim odrazima stakla? Ova teh
 
 Kreirat ćete suptilne naglaske koji simuliraju kako se svjetlo reflektira na staklenim površinama. Ovaj pristup sliči načinu na koji su renesansni slikari poput Jana van Eycka koristili svjetlo i odraze da bi naslikano staklo izgledalo trodimenzionalno. Evo što želite postići:
 
-![finished terrarium](../../../../translated_images/hr/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/hr/terrarium-final.2f07047ffc597d0a.webp)
 
 **Vaš zadatak:**
 - **Napravite** suptilne bijele ili svijetle ovalne oblike za odraze stakla
diff --git a/translations/hr/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/hr/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 620db51dd..6ab375498 100644
--- a/translations/hr/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/hr/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Testirati funkcionalnost: 5: Student
       Završiti terarij: 5: Student
 ```
-![DOM i zatvaranje](../../../../translated_images/hr/webdev101-js.10280393044d7eaa.png)
+![DOM i zatvaranje](../../../../translated_images/hr/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Dobrodošli u jedan od najzanimljivijih aspekata web razvoja - stvaranje interaktivnosti! Document Object Model (DOM) je poput mosta između vašeg HTML-a i JavaScripta, a danas ćemo ga koristiti da oživimo vaš terrarij. Kada je Tim Berners-Lee stvorio prvi web preglednik, zamislio je web na kojem dokumenti mogu biti dinamični i interaktivni - DOM tu viziju čini mogućom.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![Reprezentacija DOM stabla](../../../../translated_images/hr/dom-tree.7daf0e763cbbba92.png)
+![Reprezentacija DOM stabla](../../../../translated_images/hr/dom-tree.7daf0e763cbbba92.webp)
 
 > Reprezentacija DOM-a i HTML oznaka koje ga referenciraju. Iz [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Razumijevanje Zatvaranja**: Zatvaranja su važna tema u JavaScriptu, a mnogi programeri ih koriste godinama prije nego što u potpunosti shvate sve teorijske aspekte. Danas se fokusiramo na praktičnu primjenu - vidjet ćete zatvaranja prirodno kako se pojavljuju dok gradimo naše interaktivne značajke. Razumijevanje će se razvijati kako budete vidjeli kako rješavaju stvarne probleme.
 
-![Reprezentacija DOM stabla](../../../../translated_images/hr/dom-tree.7daf0e763cbbba92.png)
+![Reprezentacija DOM stabla](../../../../translated_images/hr/dom-tree.7daf0e763cbbba92.webp)
 
 > Reprezentacija DOM-a i HTML oznaka koje ga referenciraju. Iz [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Sada testirajte svoj interaktivni terarij! Otvorite datoteku `index.html` u web
 - **Podrška za uređaje**: Radi na desktopu i mobilnim uređajima
 - **Svijest o izvedbi**: Nema curenja memorije ili suvišnih izračuna
 
-![finished terrarium](../../../../translated_images/hr/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/hr/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/hr/3-terrarium/solution/README.md b/translations/hr/3-terrarium/solution/README.md
index 17e03ae44..5ac5724d4 100644
--- a/translations/hr/3-terrarium/solution/README.md
+++ b/translations/hr/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Mala vježba povuci i ispusti. Uz malo HTML-a, JS-a i CSS-a, možete izgraditi web sučelje, stilizirati ga i dodati interakciju.
 
-![moj terarij](../../../../translated_images/hr/screenshot_gray.0c796099a1f9f25e.png)
+![moj terarij](../../../../translated_images/hr/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Zasluge
 
diff --git a/translations/hr/5-browser-extension/1-about-browsers/README.md b/translations/hr/5-browser-extension/1-about-browsers/README.md
index 8065e24e5..13d6ba383 100644
--- a/translations/hr/5-browser-extension/1-about-browsers/README.md
+++ b/translations/hr/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Otkloniti probleme: 4: Student
       Usavršiti iskustvo: 5: Student
 ```
-![Browser sketchnote](../../../../translated_images/hr/browser.60317c9be8b7f84a.jpg)
+![Browser sketchnote](../../../../translated_images/hr/browser.60317c9be8b7f84a.webp)
 > Sketchnote od [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Kviz prije predavanja
@@ -77,7 +77,7 @@ Ovaj proces odražava kako je prvi web preglednik, WorldWideWeb, dizajnirao Tim
 
 ✅ **Malo povijesti**: Prvi preglednik zvao se ‘WorldWideWeb’ i stvorio ga je sir Timothy Berners-Lee 1990. godine.
 
-![early browsers](../../../../translated_images/hr/earlybrowsers.d984b711cdf3a42d.jpg)
+![early browsers](../../../../translated_images/hr/earlybrowsers.d984b711cdf3a42d.webp)
 > Neki rani preglednici, prema [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Kako preglednici obrađuju web sadržaj
@@ -194,7 +194,7 @@ quadrantChart
 
 Razumijevanje procesa instalacije proširenja pomaže vam predvidjeti iskustvo korisnika kad ljudi instaliraju vaše proširenje. Proces instalacije standardiziran je kod modernih preglednika, s manjim varijacijama u dizajnu sučelja.
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/hr/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/hr/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Važno**: Provjerite jeste li uključili način za developere te dozvolili instalaciju proširenja iz drugih trgovina prilikom testiranja svojih proširenja.
 
@@ -308,10 +308,10 @@ Ovo slijedi princip progresivnog otkrivanja koji se koristi u dizajnu sučelja j
 ### Pregled prikaza proširenja
 
 **Zaslon postavljanja** - konfiguracija za prvi put korisnika:
-![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/hr/1.b6da8c1394b07491.png)
+![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/hr/1.b6da8c1394b07491.webp)
 
 **Zaslon rezultata** - prikaz podataka o ugljičnom otisku:
-![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/hr/2.1dae52ff08042246.png)
+![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/hr/2.1dae52ff08042246.webp)
 
 ### Izrada obrasca za konfiguraciju
 
diff --git a/translations/hr/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/hr/5-browser-extension/2-forms-browsers-local-storage/README.md
index 459de17e4..c0a865201 100644
--- a/translations/hr/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/hr/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Ukloni pohranjene podatke
     ClearStorage --> FirstTime: Povratak na postavljanje
 ```
-![Prozor lokalne pohrane](../../../../translated_images/hr/localstorage.472f8147b6a3f8d1.png)
+![Prozor lokalne pohrane](../../../../translated_images/hr/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Sigurnosna napomena**: U proizvodnim aplikacijama pohranjivanje API ključeva u LocalStorage predstavlja sigurnosni rizik jer JavaScript može pristupiti tim podacima. Za svrhe učenja je ovaj pristup dobar, ali prave aplikacije trebaju koristiti sigurnu pohranu na strani servera za osjetljive vjerodajnice.
 
diff --git a/translations/hr/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/hr/5-browser-extension/3-background-tasks-and-performance/README.md
index 300ea8ed5..8f41e5677 100644
--- a/translations/hr/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/hr/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Za otvaranje Developer Tools u Edgeu kliknite na tri točkice u gornjem desnom k
 
 Isprobajmo ovo. Otvorite neku web stranicu (Microsoft.com dobro funkcionira za to) i kliknite gumb 'Record'. Sada osvježite stranicu i promatrajte kako profiler bilježi sve što se događa. Kad zaustavite snimanje, vidjet ćete detaljan prikaz kako preglednik 'skriptira', 'renderira' i 'crtaju' stranicu. Podsjeća me na to kako misijski kontrolori prate svaki sustav tijekom lansiranja rakete - dobivate podatke u realnom vremenu o tome što se točno događa i kada.
 
-![Edge profiler](../../../../translated_images/hr/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/hr/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft Dokumentacija](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ima mnogo više detalja ako želite dublje zaroniti
 
@@ -133,11 +133,11 @@ Odaberite elemente vremenske linije profila da zumirate događaje koji se odvija
 
 Dobijte snimku performansi vaše stranice odabirom dijela vremenske linije profila i pogledajte sažetak:
 
-![Edge profiler snapshot](../../../../translated_images/hr/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/hr/snapshot.97750180ebcad737.webp)
 
 Provjerite panel Dnevnik događaja (Event Log) da vidite je li neki događaj trajao duže od 15 ms:
 
-![Edge event log](../../../../translated_images/hr/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/hr/log.804026979f3707e0.webp)
 
 ✅ Upoznajte se s profilerom! Otvorite developer tools na ovoj stranici i provjerite postoje li uska grla. Koji je najsporiji resurs za učitavanje? Koji najbrži?
 
diff --git a/translations/hr/5-browser-extension/README.md b/translations/hr/5-browser-extension/README.md
index e5d2fa491..0dc59837e 100644
--- a/translations/hr/5-browser-extension/README.md
+++ b/translations/hr/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Ekstenzija se može koristiti ad hoc od strane korisnika nakon što se unesu API
 
 ### Zasluge
 
-![zelena ekstenzija za preglednik](../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![zelena ekstenzija za preglednik](../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Zasluge
 
diff --git a/translations/hr/5-browser-extension/solution/README.md b/translations/hr/5-browser-extension/solution/README.md
index 939d3d252..1e00fccb4 100644
--- a/translations/hr/5-browser-extension/solution/README.md
+++ b/translations/hr/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristeći tmrow-ov C02 Signal API za praćenje potrošnje električne energije, izradite ekstenziju za preglednik kako biste imali podsjetnik u svom pregledniku o tome koliko je velika potrošnja električne energije u vašoj regiji. Povremeno korištenje ove ekstenzije pomoći će vam da donesete odluke o svojim aktivnostima na temelju tih informacija.
 
-![screenshot ekstenzije](../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot ekstenzije](../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edge pregledniku, koristite izbornik s 'tri točke' u gornjem desnom kutu preglednika kako biste pronašli panel Ekstenzije. Odatle odaberite 'Učitaj nepakirano' za učitavanje nove ekstenzije. Na upit otvorite mapu 'dist' i ekstenzija će se učitati. Za korištenje, trebat će vam API ključ za CO2 Signal API ([nabavite ga ovdje putem e-pošte](https://www.co2signal.com/) - unesite svoju e-poštu u okvir na ovoj stranici) i [kod za vašu regiju](http://api.electricitymap.org/v3/zones) koji odgovara [Electricity Map](https://www.electricitymap.org/map) (na primjer, u Bostonu koristim 'US-NEISO').
 
-![instalacija](../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje ekstenzije, obojena točka u traci ekstenzije preglednika trebala bi se promijeniti kako bi odražavala potrošnju energije u vašoj regiji i dala vam smjernice o tome koje aktivnosti s velikom potrošnjom energije bi bile prikladne za vas. Koncept iza ovog sustava 'točke' inspiriran je [Energy Lollipop ekstenzijom](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/solution/translation/README.fr.md b/translations/hr/5-browser-extension/solution/translation/README.fr.md
index 57be35100..c829b90bf 100644
--- a/translations/hr/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/hr/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristeći API C02 Signal od tmrow za praćenje potrošnje električne energije, izradite proširenje preglednika kako biste imali podsjetnik direktno u svom pregledniku o potrošnji električne energije u vašem području. Korištenje ovog prilagođenog proširenja pomoći će vam da donesete odluke o svojim aktivnostima na temelju tih informacija.
 
-![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edgeu, koristite izbornik 'tri točke' u gornjem desnom kutu preglednika kako biste pronašli panel Proširenja. Odatle odaberite 'Učitaj nekomprimirano proširenje' za učitavanje novog proširenja. Otvorite mapu 'dist' na upit i proširenje će se učitati. Za korištenje, trebat će vam API ključ za CO2 Signal API ([nabavite ga ovdje putem e-pošte](https://www.co2signal.com/) - unesite svoju e-poštu u polje na toj stranici) i [kod za vašu regiju](http://api.electricitymap.org/v3/zones) koji odgovara [Karti električne energije](https://www.electricitymap.org/map) (na primjer, u Bostonu koristim 'US-NEISO').
 
-![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje proširenja, obojena točka u traci proširenja preglednika trebala bi se promijeniti kako bi odražavala potrošnju energije u vašem području i pružila vam indikator o energetski intenzivnim aktivnostima koje bi bilo prikladno obavljati. Koncept iza ovog sustava 'točaka' inspiriran je [proširenjem Energy Lollipop](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/solution/translation/README.hi.md b/translations/hr/5-browser-extension/solution/translation/README.hi.md
index 55d1f88dd..de66c2c00 100644
--- a/translations/hr/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/hr/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristeći tmrow-ov C02 Signal API za praćenje potrošnje električne energije, izrađujemo ekstenziju za preglednik koja vas podsjeća koliko je potrošnja električne energije u vašem području trenutno velika. Korištenje ove ekstenzije može vam pomoći da donesete odluke o svojim aktivnostima na temelju tih informacija.
 
-![Snimka ekstenzije](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![Snimka ekstenzije](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edge pregledniku, koristite izbornik 'tri točke' u gornjem desnom kutu preglednika kako biste pronašli panel za ekstenzije. Tamo odaberite 'Load unpacked' za učitavanje nove ekstenzije. Na upitu otvorite mapu 'dist' i ekstenzija će se učitati. Za korištenje, trebat će vam API ključ za CO2 Signal ([dobijte ga putem e-pošte ovdje](https://www.co2signal.com/) - unesite svoju e-mail adresu u okvir na toj stranici) i [kod za vaše područje](http://api.electricitymap.org/v3/zones) s [Electricity Map](https://www.electricitymap.org/map) (na primjer, za Boston koristim 'US-NEISO').
 
-![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i kod područja u sučelje ekstenzije, obojena točka u traci ekstenzije preglednika trebala bi se promijeniti kako bi odražavala potrošnju energije u vašem području. To će vam dati indikator o tome koje energetski intenzivne aktivnosti su prikladne za vaše performanse. Koncept ove 'točke' sustava inspiriran je [Energy Lollipop ekstenzijom](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/solution/translation/README.it.md b/translations/hr/5-browser-extension/solution/translation/README.it.md
index 6b7d75923..d409c5312 100644
--- a/translations/hr/5-browser-extension/solution/translation/README.it.md
+++ b/translations/hr/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristit ćemo API Signal CO2 od tmrow za praćenje potrošnje električne energije kako bismo stvorili proširenje za preglednik koje će vam omogućiti da imate podsjetnik direktno u svom pregledniku o tome koliko je intenzivna potrošnja električne energije u vašoj regiji. Korištenje ovog prilagođenog proširenja pomoći će vam da procijenite svoje aktivnosti na temelju tih informacija.
 
-![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Za početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edge, koristite izbornik "tri točke" u gornjem desnom kutu preglednika kako biste pronašli panel Proširenja. Ako već nije aktiviran, uključite Način za razvojne programere (dolje lijevo). Odaberite "Učitaj raspakirano" kako biste učitali novo proširenje. Otvorite mapu "dist" na upitu i proširenje će biti učitano. Za korištenje, trebat će vam API ključ za CO2 Signal API (možete ga [dobiti ovdje putem e-maila](https://www.co2signal.com/) - unesite svoju e-mail adresu u polje na toj stranici) i [kod za svoju regiju](http://api.electricitymap.org/v3/zones) koji odgovara [električnoj karti](https://www.electricitymap.org/map) (na primjer, za Boston, "US-NEISO").
 
-![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje proširenja, obojena točka na traci proširenja preglednika trebala bi se promijeniti kako bi odražavala potrošnju energije u regiji i pružila smjernice o tome koje aktivnosti s visokim energetskim intenzitetom bi bile prikladne za izvođenje. Koncept iza ovog sustava "točaka" inspiriran je [proširenjem Energy Lollipop](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/solution/translation/README.ja.md b/translations/hr/5-browser-extension/solution/translation/README.ja.md
index b9cb90e06..44e9e56f0 100644
--- a/translations/hr/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/hr/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Izradite proširenje preglednika koje koristi tmrow API za CO2 Signal kako bi pratilo potrošnju električne energije u vašem području i prikazivalo podsjetnik o tome koliko je potrošnja energije visoka. Ovo proširenje možete koristiti ad hoc kako biste donosili odluke o svojim aktivnostima na temelju tih informacija.
 
-![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot proširenja](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edge preglednik, pronađite panel "Proširenja" putem izbornika "tri točke" u gornjem desnom kutu preglednika. Tamo odaberite opciju "Load Unpacked" kako biste učitali novo proširenje. Kada se pojavi upit, otvorite mapu "dist" i proširenje će biti učitano. Za korištenje, trebat će vam API ključ za CO2 Signal ([nabavite ga ovdje putem e-maila](https://www.co2signal.com/) - unesite svoj e-mail u okvir na toj stranici) i [kod za vašu regiju](http://api.electricitymap.org/v3/zones) koji odgovara [Electricity Map](https://www.electricitymap.org/map) (na primjer, za Boston koristite 'US-NEISO').
 
-![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje proširenja, obojena točka koja se prikazuje na traci proširenja preglednika mijenjat će boju kako bi odražavala potrošnju energije u vašem području. To će vam pomoći da odlučite koje aktivnosti zahtijevaju energiju i kada ih je najbolje obavljati. Koncept ovog sustava "točke" inspiriran je proširenjem [Energy Lollipop](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/solution/translation/README.ms.md b/translations/hr/5-browser-extension/solution/translation/README.ms.md
index 63582dc55..aa7efcc10 100644
--- a/translations/hr/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/hr/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristeći API CO2 Signal od tmrow za praćenje potrošnje električne energije, izradite proširenje preglednika kako biste mogli dobiti obavijesti u svom pregledniku o tome koliko je intenzivna potrošnja električne energije u vašoj regiji. Korištenje ovog proširenja može vam pomoći da donesete odluke o svojim aktivnostima na temelju tih informacija.
 
-![screenshot proširenja preglednika](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot proširenja preglednika](../../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edgeu, koristite izbornik 'tri točke' u gornjem desnom kutu preglednika kako biste pronašli panel Proširenja. Tamo odaberite 'Load Unpacked' za učitavanje novog proširenja. Otvorite mapu 'dist' na zahtjev i proširenje će se učitati. Za korištenje, trebat će vam API ključ za CO2 Signal API ([nabavite ga ovdje putem e-pošte](https://www.co2signal.com/) - unesite svoju e-poštu u polje na stranici) i [kod za vašu regiju](http://api.electricitymap.org/v3/zones) koji odgovara [Electricity Map](https://www.electricitymap.org/map) (u Bostonu, na primjer, koristim 'US-NEISO').
 
-![preuzimanje](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![preuzimanje](../../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje proširenja, obojena točka na traci proširenja preglednika promijenit će se kako bi odražavala potrošnju energije u vašoj regiji i pružila vam smjernice o aktivnostima koje su prikladne za obavljanje. Koncept sustava 'točke' inspiriran je [proširenjem preglednika Energy Lollipop](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/5-browser-extension/start/README.md b/translations/hr/5-browser-extension/start/README.md
index 56b4543f9..c8995d615 100644
--- a/translations/hr/5-browser-extension/start/README.md
+++ b/translations/hr/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Koristeći tmrowov C02 Signal API za praćenje potrošnje električne energije, izradite proširenje za preglednik kako biste imali podsjetnik u svom pregledniku o tome koliko je velika potrošnja električne energije u vašoj regiji. Korištenje ovog proširenja ad hoc pomoći će vam da donesete odluke o svojim aktivnostima na temelju tih informacija.
 
-![screenshot proširenja](../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot proširenja](../../../../translated_images/hr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Početak
 
@@ -31,7 +31,7 @@ npm run build
 
 Za instalaciju na Edgeu, koristite izbornik s 'tri točke' u gornjem desnom kutu preglednika kako biste pronašli panel za proširenja. Tamo odaberite 'Load Unpacked' za učitavanje novog proširenja. Otvorite mapu 'dist' na upitu i proširenje će se učitati. Za korištenje, trebat će vam API ključ za CO2 Signal API ([nabavite ga ovdje putem e-pošte](https://www.co2signal.com/) - unesite svoju e-poštu u okvir na ovoj stranici) i [kod za vašu regiju](http://api.electricitymap.org/v3/zones) koji odgovara [Electricity Map](https://www.electricitymap.org/map) (na primjer, u Bostonu koristim 'US-NEISO').
 
-![instalacija](../../../../translated_images/hr/install-on-edge.78634f02842c4828.png)
+![instalacija](../../../../translated_images/hr/install-on-edge.78634f02842c4828.webp)
 
 Nakon što unesete API ključ i regiju u sučelje proširenja, obojena točka u traci proširenja preglednika trebala bi se promijeniti kako bi odražavala potrošnju energije u vašoj regiji i dala vam smjernice o tome koje aktivnosti s velikom potrošnjom energije bi bile prikladne za vas. Koncept iza ovog sustava 'točke' dobio sam od [Energy Lollipop proširenja](https://energylollipop.com/) za emisije u Kaliforniji.
 
diff --git a/translations/hr/6-space-game/2-drawing-to-canvas/README.md b/translations/hr/6-space-game/2-drawing-to-canvas/README.md
index 6520392da..6e612cb07 100644
--- a/translations/hr/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/hr/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![mreža canvasa](../../../../translated_images/hr/canvas_grid.5f209da785ded492.png)
+![mreža canvasa](../../../../translated_images/hr/canvas_grid.5f209da785ded492.webp)
 > Slika s [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Za crtanje na canvas elementu slijedit ćete isti trostupanjski proces koji tvori temelj svih grafika na canvasu. Nakon što to učinite nekoliko puta, postat će vam druga priroda:
@@ -323,11 +323,11 @@ Izradit ćete web stranicu s canvas elementom. Trebala bi prikazivati crni ekran
 
 - Herojski brod
 
-   ![Herojski brod](../../../../translated_images/hr/player.dd24c1afa8c71e9b.png)
+   ![Herojski brod](../../../../translated_images/hr/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 čudovišta
 
-   ![Čudovište](../../../../translated_images/hr/enemyShip.5df2a822c16650c2.png)
+   ![Čudovište](../../../../translated_images/hr/enemyShip.5df2a822c16650c2.webp)
 
 ### Preporučeni koraci za početak razvoja
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Gotovi rezultat trebao bi izgledati ovako:
 
-![Crni zaslon s herojem i 5*5 čudovišta](../../../../translated_images/hr/partI-solution.36c53b48c9ffae2a.png)
+![Crni zaslon s herojem i 5*5 čudovišta](../../../../translated_images/hr/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Rješenje
 
diff --git a/translations/hr/6-space-game/5-keeping-score/README.md b/translations/hr/6-space-game/5-keeping-score/README.md
index c867c8e40..7aa3c565c 100644
--- a/translations/hr/6-space-game/5-keeping-score/README.md
+++ b/translations/hr/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Sustav bodovanja**: Svaki uništeni neprijateljski brod donosi 100 bodova (zaokruženi brojevi lakši su igračima za mentalno računanje). Rezultat se prikazuje u donjem lijevom kutu.
-- **Brojač života**: Vaš junak počinje s tri života - standard uspostavljen od ranih arkadnih igara za balansiranje izazova i igrivosti. Svaka kolizija s neprijateljem oduzima jedan život. Preostale živote prikazat ćemo u donjem desnom kutu koristeći ikone brodova ![life image](../../../../translated_images/hr/life.6fb9f50d53ee0413.png).
+- **Brojač života**: Vaš junak počinje s tri života - standard uspostavljen od ranih arkadnih igara za balansiranje izazova i igrivosti. Svaka kolizija s neprijateljem oduzima jedan život. Preostale živote prikazat ćemo u donjem desnom kutu koristeći ikone brodova ![life image](../../../../translated_images/hr/life.6fb9f50d53ee0413.webp).
 
 ## Krenimo s izradom!
 
diff --git a/translations/hr/7-bank-project/1-template-route/README.md b/translations/hr/7-bank-project/1-template-route/README.md
index 9e7ea5609..7be558566 100644
--- a/translations/hr/7-bank-project/1-template-route/README.md
+++ b/translations/hr/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Korištenjem `history.pushState` stvaraju se novi unosi u povijest preglednika. To možete provjeriti držanjem *tipke za povratak* u pregledniku, trebala bi se prikazati povijest poput ovoga:
 
-![Screenshot of navigation history](../../../../translated_images/hr/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/hr/history.7fdabbafa521e064.webp)
 
 Ako pokušate nekoliko puta kliknuti gumb za povratak, vidjet ćete da se trenutni URL mijenja i povijest se ažurira, ali se prikazuje isti predložak.
 
diff --git a/translations/hr/7-bank-project/2-forms/README.md b/translations/hr/7-bank-project/2-forms/README.md
index c94d4602a..23ef573cb 100644
--- a/translations/hr/7-bank-project/2-forms/README.md
+++ b/translations/hr/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Prvo, promatrat ćemo što se događa s osnovnim slanjem obrasca:
 2. Promatrajte promjene u adresnoj traci vašeg preglednika
 3. Primijetite kako se stranica osvježava i podaci pojavljuju u URL-u
 
-![Snimka zaslona promjene URL-a preglednika nakon klika na gumb Registriraj](../../../../translated_images/hr/click-register.e89a30bf0d4bc9ca.png)
+![Snimka zaslona promjene URL-a preglednika nakon klika na gumb Registriraj](../../../../translated_images/hr/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Usporedba HTTP metoda
 
@@ -346,7 +346,7 @@ Konfigurirajmo obrazac za registraciju da pravilno komunicira s backend API-jem
 2. **Kliknite** gumb "Kreiraj račun"
 3. **Promatrajte** odgovor servera u pregledniku
 
-![Prozor preglednika na adresi localhost:5000/api/accounts, prikazujući JSON niz s podacima korisnika](../../../../translated_images/hr/form-post.61de4ca1b964d91a.png)
+![Prozor preglednika na adresi localhost:5000/api/accounts, prikazujući JSON niz s podacima korisnika](../../../../translated_images/hr/form-post.61de4ca1b964d91a.webp)
 
 **Što biste trebali vidjeti:**
 - **Preglednik preusmjerava** na URL API endpointa
@@ -609,7 +609,7 @@ async function register() {
 3. **Kliknite** "Create Account"
 4. **Promatrajte** poruke u konzoli i povratne informacije korisniku
 
-![Snimka zaslona koja prikazuje poruku u konzoli preglednika](../../../../translated_images/hr/browser-console.efaf0b51aaaf6778.png)
+![Snimka zaslona koja prikazuje poruku u konzoli preglednika](../../../../translated_images/hr/browser-console.efaf0b51aaaf6778.webp)
 
 **Što biste trebali vidjeti:**
 - **Stanje učitavanja** pojavljuje se na gumbu za slanje
@@ -783,7 +783,7 @@ Unaprijedimo vaš obrazac za registraciju robustnom validacijom koja pruža izvr
 3. **Pokušajte** s posebnim znakovima u polju korisničkog imena
 4. **Unesite** negativan iznos stanja
 
-![Snimka zaslona koja prikazuje grešku validacije prilikom pokušaja slanja obrasca](../../../../translated_images/hr/validation-error.8bd23e98d416c22f.png)
+![Snimka zaslona koja prikazuje grešku validacije prilikom pokušaja slanja obrasca](../../../../translated_images/hr/validation-error.8bd23e98d416c22f.webp)
 
 **Što ćete primijetiti:**
 - **Preglednik prikazuje** nativne poruke o grešci validacije
@@ -943,7 +943,7 @@ Prikažite poruku o pogrešci u HTML-u ako korisnik već postoji.
 
 Evo primjera kako završna stranica za prijavu može izgledati nakon malo stiliziranja:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/hr/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/hr/result.96ef01f607bf856a.webp)
 
 ## Kviz nakon predavanja
 
diff --git a/translations/hr/7-bank-project/3-data/README.md b/translations/hr/7-bank-project/3-data/README.md
index 5e80fb9e1..a067c09eb 100644
--- a/translations/hr/7-bank-project/3-data/README.md
+++ b/translations/hr/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Vraća kompletnu HTML stranicu
     Browser->>User: Prikazuje novu stranicu (kašalj/ponovno učitavanje)
 ```
-![Radni tijek ažuriranja u više-straničnoj aplikaciji](../../../../translated_images/hr/mpa.7f7375a1a2d4aa77.png)
+![Radni tijek ažuriranja u više-straničnoj aplikaciji](../../../../translated_images/hr/mpa.7f7375a1a2d4aa77.webp)
 
 **Zašto je taj pristup djelovao nezgrapno:**
 - Svaki klik značio je potpuno ponovno građenje stranice od nule
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Ažurira određene elemente stranice
     Browser->>User: Prikazuje ažurirani sadržaj (bez ponovnog učitavanja)
 ```
-![Radni tijek ažuriranja u jedno-straničnoj aplikaciji](../../../../translated_images/hr/spa.268ec73b41f992c2.png)
+![Radni tijek ažuriranja u jedno-straničnoj aplikaciji](../../../../translated_images/hr/spa.268ec73b41f992c2.webp)
 
 **Zašto SPA aplikacije djeluju puno bolje:**
 - Ažuriraju samo dijelove koji su stvarno promijenjeni (pametno, zar ne?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Sada, kad testirate s nevažećim računom, vidjet ćete korisnu poruku o pogrešci direktno na stranici!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/hr/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/hr/login-error.416fe019b36a6327.webp)
 
 #### Korak 4: Biti Uključiv s Pristupačnošću
 
@@ -950,7 +950,7 @@ Spremni da podignete svoju bankarsku aplikaciju na sljedeću razinu? Učinite da
 
 Evo kako bi mogao izgledati dotjerani kontrolni panel:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hr/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hr/screen2.123c82a831a1d14a.webp)
 
 Nemojte osjećati potrebu da točno replicirate – upotrijebite ga kao inspiraciju i prilagodite po svom ukusu!
 
diff --git a/translations/hr/7-bank-project/4-state-management/README.md b/translations/hr/7-bank-project/4-state-management/README.md
index 9d7b2a13a..bede7734e 100644
--- a/translations/hr/7-bank-project/4-state-management/README.md
+++ b/translations/hr/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Poput dizajna Titanica s dijeljenim pretincima koji se činilo čvrstim dok se n
 
 Umjesto da jurnjamo u krug, stvorit ćemo **centralizirani sustav upravljanja stanjem**. Zamislite to kao ako imate jednu stvarno organiziranu osobu koja vodi sve važne stvari:
 
-![Schema prikazuje protoke podataka između HTML-a, korisničkih radnji i stanja](../../../../translated_images/hr/data-flow.fa2354e0908fecc8.png)
+![Schema prikazuje protoke podataka između HTML-a, korisničkih radnji i stanja](../../../../translated_images/hr/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ Ovaj izazov pomoći će vam da razmišljate kao profesionalni programer koji uva
 
 Evo primjera rezultata nakon završetka zadatka:
 
-![Snimka zaslona koja prikazuje primjer dijaloga "Dodaj transakciju"](../../../../translated_images/hr/dialog.93bba104afeb79f1.png)
+![Snimka zaslona koja prikazuje primjer dijaloga "Dodaj transakciju"](../../../../translated_images/hr/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/hr/7-bank-project/4-state-management/assignment.md b/translations/hr/7-bank-project/4-state-management/assignment.md
index 903b96a7b..eba4c6f35 100644
--- a/translations/hr/7-bank-project/4-state-management/assignment.md
+++ b/translations/hr/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Pogledajte [dokumentaciju API-ja poslužitelja](../api/README.md) za:
 **Očekivani rezultat:**
 Nakon završetka ovog zadatka, vaša aplikacija za bankarstvo trebala bi imati potpuno funkcionalnu značajku "Dodaj transakciju" koja izgleda i ponaša se profesionalno:
 
-![Snimka zaslona koja prikazuje primjer dijaloga "Dodaj transakciju"](../../../../translated_images/hr/dialog.93bba104afeb79f1.png)
+![Snimka zaslona koja prikazuje primjer dijaloga "Dodaj transakciju"](../../../../translated_images/hr/dialog.93bba104afeb79f1.webp)
 
 ## Testiranje implementacije
 
diff --git a/translations/hr/7-bank-project/README.md b/translations/hr/7-bank-project/README.md
index 661c54884..e43567565 100644
--- a/translations/hr/7-bank-project/README.md
+++ b/translations/hr/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 U ovom projektu naučit ćete kako izgraditi fiktivnu banku. Ove lekcije uključuju upute o tome kako postaviti web aplikaciju i definirati rute, izraditi forme, upravljati stanjem i dohvatiti podatke s API-ja od kojeg možete preuzeti podatke banke.
 
-| ![Screen1](../../../translated_images/hr/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/hr/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/hr/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/hr/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lekcije
diff --git a/translations/hr/8-code-editor/1-using-a-code-editor/README.md b/translations/hr/8-code-editor/1-using-a-code-editor/README.md
index 176ed717b..6187bff01 100644
--- a/translations/hr/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/hr/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Baš kao što je telefon Alexandera Grahama Bella povezivao udaljena mjesta, pov
 
 Kad se sve učita, vidjet ćete prelijepo čist radni prostor dizajniran da vas usredotoči na ono najvažnije – vaš kod!
 
-![Zadano sučelje VSCode.dev-a](../../../../translated_images/hr/default-vscode-dev.5d06881d65c1b323.png)
+![Zadano sučelje VSCode.dev-a](../../../../translated_images/hr/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Evo ture po susjedstvu:**  
 - **Traka aktivnosti** (ona traka s lijeve strane): Glavna navigacija s Explorerom 📁, Pretraživanjem 🔍, Kontrolom izvora 🌿, Ekstenzijama 🧩 i Postavkama ⚙️  
@@ -229,7 +229,7 @@ Savršena je kada tek započinjete u VSCode.dev-u i želite otvoriti određeni r
 1. Otiđite na [vscode.dev](https://vscode.dev) ako već niste tamo  
 2. Potražite gumb "Open Remote Repository" na početnom zaslonu i kliknite ga  
 
-   ![Otvaranje udaljenog repozitorija](../../../../translated_images/hr/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Otvaranje udaljenog repozitorija](../../../../translated_images/hr/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Zalijepite bilo koji URL GitHub repozitorija (probajte ovaj: `https://github.com/microsoft/Web-Dev-For-Beginners`)  
 4. Pritisnite Enter i gledajte čaroliju!
@@ -238,7 +238,7 @@ Savršena je kada tek započinjete u VSCode.dev-u i želite otvoriti određeni r
 
 Želite li se osjećati kao čarobnjak kodiranja? Isprobajte ovaj prečac na tipkovnici: Ctrl+Shift+P (ili Cmd+Shift+P na Macu) za otvaranje Command Palette-a:
 
-![Command Palette](../../../../translated_images/hr/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/hr/palette-menu.4946174e07f42622.webp)
 
 **Command Palette je kao tražilica za sve što možete napraviti:**  
 - Upisite "open remote" i pronaći će otvoritelj repozitorija za vas  
@@ -300,7 +300,7 @@ Baš kao što se plovila u arhitektovom uredu organiziraju, kreiranje datoteka u
 3. Unesite ime datoteke uključujući odgovarajuću ekstenziju (`style.css`, `script.js`, `index.html`)  
 4. Pritisnite Enter za stvaranje datoteke
 
-![Kreiranje nove datoteke](../../../../translated_images/hr/create-new-file.2814e609c2af9aeb.png)
+![Kreiranje nove datoteke](../../../../translated_images/hr/create-new-file.2814e609c2af9aeb.webp)
 
 **Konvencije imenovanja:**  
 - Koristite opisna imena koja označavaju svrhu datoteke  
@@ -317,7 +317,7 @@ Evo gdje prava zabava počinje! Uređivač VSCode.dev je prepun korisnih značaj
 2. Počnite tipkati i gledajte kako vam VSCode.dev pomaže bojama, sugestijama i pronalaženjem pogrešaka  
 3. Spremite posao sa Ctrl+S (Windows/Linux) ili Cmd+S (Mac) – iako se automatski sprema!
 
-![Uređivanje datoteka u VSCode.dev-u](../../../../translated_images/hr/edit-a-file.52c0ee665ef19f08.png)
+![Uređivanje datoteka u VSCode.dev-u](../../../../translated_images/hr/edit-a-file.52c0ee665ef19f08.webp)
 
 **Hladne stvari koje se događaju dok kodirate:**  
 - Vaš kod je prekrasno obojen za lakše čitanje  
@@ -337,7 +337,7 @@ Baš kao što arheolozi stvaraju detaljne zapise slojeva iskapanja, Git prati pr
 2. Izmijenjene datoteke pojavljuju se u odjeljku "Promjene"  
 3. Boje označavaju tip promjene: zeleno za dodan tekst, crveno za izbrisano
 
-![Pregled promjena u Kontroli izvora](../../../../translated_images/hr/working-tree.c58eec08e6335c79.png)
+![Pregled promjena u Kontroli izvora](../../../../translated_images/hr/working-tree.c58eec08e6335c79.webp)
 
 **Spremanje rada (workflow za commit):**
 
@@ -429,7 +429,7 @@ Tržište proširenja je zaista dobro organizirano, pa se nećete izgubiti traž
 2. Pregledavajte ili pretražujte nešto specifično  
 3. Kliknite na bilo što što izgleda zanimljivo da biste saznali više  
 
-![Sučelje tržišta proširenja](../../../../translated_images/hr/extensions.eca0e0c7f59a10b5.png)  
+![Sučelje tržišta proširenja](../../../../translated_images/hr/extensions.eca0e0c7f59a10b5.webp)  
 
 **Što ćete tamo vidjeti:**  
 
@@ -482,7 +482,7 @@ Većina proširenja dolazi s postavkama koje možete podesiti kako bi radila to
 3. Izaberite "Extension Settings" iz padajućeg izbornika  
 4. Prilagodite dok vam radni tok ne odgovara savršeno  
 
-![Prilagođavanje postavki proširenja](../../../../translated_images/hr/extension-settings.21c752ae4f4cdb78.png)  
+![Prilagođavanje postavki proširenja](../../../../translated_images/hr/extension-settings.21c752ae4f4cdb78.webp)  
 
 **Česte stvari koje ćete možda htjeti podesiti:**  
 - Kako se vaš kod formatira (tabovi vs razmaci, duljina linije, itd.)  
diff --git a/translations/hr/8-code-editor/1-using-a-code-editor/assignment.md b/translations/hr/8-code-editor/1-using-a-code-editor/assignment.md
index d2c036d33..48fe81433 100644
--- a/translations/hr/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/hr/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Budući da VSCode.dev zahtijeva barem jednu datoteku za otvaranje repozitorija,
 4. **Napišite** poruku za commit: "Dodaj početnu HTML strukturu"
 5. **Kliknite** "Commit new file" za spremanje promjena
 
-![Kreiranje početne datoteke na GitHubu](../../../../translated_images/hr/new-file-github.com.c886796d800e8056.png)
+![Kreiranje početne datoteke na GitHubu](../../../../translated_images/hr/new-file-github.com.c886796d800e8056.webp)
 
 **Što se postiže ovim početnim postavljanjem:**
 - **Postavlja** pravilnu HTML5 strukturu dokumenta sa semantičkim elementima
@@ -104,7 +104,7 @@ Sada kada je temelj vašeg repozitorija postavljen, prebacimo se na VSCode.dev z
 
 ✅ **Indikator uspjeha**: Trebali biste vidjeti datoteke svog projekta u bočnoj traci Explorer i `index.html` dostupan za uređivanje u glavnom području uređivača.
 
-![Projekt učitan u VSCode.dev](../../../../translated_images/hr/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projekt učitan u VSCode.dev](../../../../translated_images/hr/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Što ćete vidjeti u sučelju:**
 - **Bočna traka Explorer**: **Prikazuje** datoteke i strukturu mapa vašeg repozitorija
@@ -448,7 +448,7 @@ Ekstenzije poboljšavaju vaše iskustvo razvoja pružajući mogućnosti za pregl
 **Rezultati odmah nakon instalacije:**
 Nakon instalacije CodeSwinga, vidjet ćete pregled uživo vaše web stranice za životopis u uređivaču. To vam omogućuje da vidite kako vaša stranica izgleda dok unosite promjene.
 
-![Ekstenzija CodeSwing prikazuje pregled uživo](../../../../translated_images/hr/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Ekstenzija CodeSwing prikazuje pregled uživo](../../../../translated_images/hr/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Razumijevanje poboljšanog sučelja:**
 - **Podijeljeni prikaz**: **Prikazuje** vaš kod na jednoj strani i pregled uživo na drugoj
diff --git a/translations/hr/9-chat-project/README.md b/translations/hr/9-chat-project/README.md
index a861c006b..7b26fcb1d 100644
--- a/translations/hr/9-chat-project/README.md
+++ b/translations/hr/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Evo kako će vaš završeni projekt izgledati:
 
-![Chat aplikacija koja prikazuje razgovor između korisnika i AI asistenta](../../../translated_images/hr/screenshot.0a1ee0d123df681b.png)
+![Chat aplikacija koja prikazuje razgovor između korisnika i AI asistenta](../../../translated_images/hr/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Vaše putovanje učenjem kroz razvoj AI aplikacija
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Temeljno načelo**: razvoj AI aplikacija kombinira tradicionalne vještine web razvoja s integracijom AI usluga, stvarajući inteligentne aplikacije koje korisnicima djeluju prirodno i responzivno.
 
-![GitHub Models AI Playground sučelje s odabirom modela i testnim područjem](../../../translated_images/hr/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground sučelje s odabirom modela i testnim područjem](../../../translated_images/hr/playground.d2b927122224ff8f.webp)
 
 **Evo što čini playground tako korisnim:**
 - **Isprobajte** različite AI modele poput GPT-4o-mini, Claudea i drugih (svi besplatni!)
@@ -199,7 +199,7 @@ mindmap
 
 Kad malo eksperimentirate, jednostavno kliknite karticu "Code" i odaberite svoj programski jezik da dobijete kod koji vam treba.
 
-![Izbor u playgroundu koji prikazuje opcije generiranja koda za različite programske jezike](../../../translated_images/hr/playground-choice.1d23ba7d407f4758.png)
+![Izbor u playgroundu koji prikazuje opcije generiranja koda za različite programske jezike](../../../translated_images/hr/playground-choice.1d23ba7d407f4758.webp)
 
 ## Postavljanje Python pozadinske integracije
 
@@ -2353,14 +2353,14 @@ Vještine koje ste razvili u ovoj lekciji direktno su primjenjive u modernim kar
 - **Idite** na [Web Dev For Beginners spremište](https://github.com/microsoft/Web-Dev-For-Beginners)
 - **Kliknite** "Use this template" u gornjem desnom kutu (pobrinite se da ste prijavljeni na GitHub)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/hr/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/hr/template.67ad477109d29a2b.webp)
 
 **Korak 2: Pokrenite Codespaces**
 - **Otvorite** svoje novo spremište
 - **Kliknite** zeleni gumb "Code" i odaberite "Codespaces"
 - **Odaberite** "Create codespace on main" za pokretanje razvojnog okruženja
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/hr/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/hr/codespace.bcecbdf5d2747d3d.webp)
 
 **Korak 3: Konfiguracija okoline**
 Kada se vaš Codespace učita, imat ćete pristup:
diff --git a/translations/hr/README.md b/translations/hr/README.md
index 2e597afc1..5bde51c74 100644
--- a/translations/hr/README.md
+++ b/translations/hr/README.md
@@ -72,13 +72,13 @@ Ne propustite naš novi nastavni plan o Generativnoj AI!
 
 Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) i započnite!
 
-![Background](../../translated_images/hr/background.148a8d43afde5730.png)
+![Background](../../translated_images/hr/background.148a8d43afde5730.webp)
 
 - Lekcije pokrivaju sve, od osnova do RAG-a.
 - Komunicirajte s povijesnim likovima koristeći GenAI i naš prateći app.
 - Zabavna i zanimljiva naracija, putovat ćete kroz vrijeme!
 
-![character](../../translated_images/hr/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/hr/character.5c0dd8e067ffd693.webp)
 
 
 Svaka lekcija uključuje zadatak za dovršetak, provjeru znanja i izazov koji vas vodi kroz teme poput:
@@ -115,7 +115,7 @@ Slijedite ove korake:
 
 U vašoj kopiji ovog spremišta koju ste stvorili, kliknite gumb **Code** i odaberite **Open with Codespaces**. Time će se kreirati novi Codespace u kojem ćete raditi.
 
-![Codespace](../../translated_images/hr/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/hr/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Pokretanje nastavnog plana lokalno na vašem računalu
 
diff --git a/translations/hr/for-teachers.md b/translations/hr/for-teachers.md
index 84a8bf2ea..727579178 100644
--- a/translations/hr/for-teachers.md
+++ b/translations/hr/for-teachers.md
@@ -42,10 +42,10 @@ Ovaj kurikulum uključuje pakete za uvoz koji su kompatibilni s uobičajenim LMS
   - Moodle Cloud ima ograničenu podršku za Common Cartridge. Preferirajte gore navedenu Moodle datoteku, koja se također može učitati u Canvas.
   - Nakon uvoza, pregledajte module, datume dospijeća i postavke kvizova kako bi odgovarali vašem rasporedu semestra.
 
-![Moodle](../../translated_images/hr/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/hr/moodle.94eb93d714a50cb2.webp)
 > Kurikulum u Moodle učionici
 
-![Canvas](../../translated_images/hr/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/hr/canvas.fbd605ff8e5b8aff.webp)
 > Kurikulum u Canvasu
 
 ### Korištenje repozitorija direktno (bez Classrooma)
diff --git a/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index a8245c0ff..1919be04d 100644
--- a/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Tudom, hogy a programozás most még ijesztőnek tűnhet. Amikor én kezdtem, t
 
 Ma meg fogjuk nézni azokat a hihetetlen eszközöket, amik nemcsak lehetővé teszik, hanem nagyon addiktívvá teszik a modern webfejlesztést. Pont azokat az editorokat, böngészőket és munkafolyamatokat, amelyeket a Netflix, a Spotify és a kedvenc indie app stúdiód fejlesztői használnak minden nap. És most jön a rész, amire majd örülni fogsz: ezeknek a professzionális, iparági szabvány eszközöknek a többsége teljesen ingyenes!
 
-![Intro Programming](../../../../translated_images/hu/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/hu/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote készítette [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hu/1-getting-started-lessons/2-github-basics/README.md b/translations/hu/1-getting-started-lessons/2-github-basics/README.md
index 133ed0962..0cada5967 100644
--- a/translations/hu/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/hu/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Tudom, hogy kezdetben soknak tűnhet – emlékszem, hogy az első GitHub oldala
 
 Ezt az utat együtt tesszük meg, lépésről lépésre. Nem kell sietni, nincs nyomás – csak te, én és néhány igazán klassz eszköz, amelyek a legjobb barátaiddá válnak!
 
-![Bevezetés a GitHubhoz](../../../../translated_images/hu/webdev101-github.8846d7971abef6f9.png)
+![Bevezetés a GitHubhoz](../../../../translated_images/hu/webdev101-github.8846d7971abef6f9.webp)
 > Vázlatkép készítette: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -605,7 +605,7 @@ Először találjunk egy tárolót (repo-t) GitHubon, ami érdekel, és amelyhez
 
 ✅ Jó módszer kezdőbarát repók megtalálására a [good-first-issue címkével való keresés](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Másolj helyileg egy repót](../../../../translated_images/hu/clone_repo.5085c48d666ead57.png)
+![Másolj helyileg egy repót](../../../../translated_images/hu/clone_repo.5085c48d666ead57.webp)
 
 Több módja is van a kód átmásolásának. Az egyik módszer a repó tartalmának "klónozása" HTTPS, SSH vagy a GitHub CLI (parancssoros felület) használatával.
 
diff --git a/translations/hu/1-getting-started-lessons/3-accessibility/README.md b/translations/hu/1-getting-started-lessons/3-accessibility/README.md
index 9279c9a5a..0b5ee7474 100644
--- a/translations/hu/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/hu/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Akadálymentes weboldalak készítése
 
-![Mindent az akadálymentességről](../../../../translated_images/hu/webdev101-a11y.8ef3025c858d897a.png)
+![Mindent az akadálymentességről](../../../../translated_images/hu/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote [Tomomi Imura](https://twitter.com/girlie_mac) műve
 
 ```mermaid
diff --git a/translations/hu/2-js-basics/1-data-types/README.md b/translations/hu/2-js-basics/1-data-types/README.md
index f12050a61..960ba25e5 100644
--- a/translations/hu/2-js-basics/1-data-types/README.md
+++ b/translations/hu/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript alapok: Adattípusok
 
-![JavaScript alapok - Adattípusok](../../../../translated_images/hu/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript alapok - Adattípusok](../../../../translated_images/hu/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote készítette: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hu/2-js-basics/2-functions-methods/README.md b/translations/hu/2-js-basics/2-functions-methods/README.md
index b22744fee..43fefc792 100644
--- a/translations/hu/2-js-basics/2-functions-methods/README.md
+++ b/translations/hu/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Alapok: Metódusok és Függvények
 
-![JavaScript Basics - Functions](../../../../translated_images/hu/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/hu/webdev101-js-functions.be049c4726e94f8b.webp)
 > Vázlat Tomomi Imura tollából ([Tomomi Imura](https://twitter.com/girlie_mac))
 
 ```mermaid
diff --git a/translations/hu/2-js-basics/3-making-decisions/README.md b/translations/hu/2-js-basics/3-making-decisions/README.md
index 4b6ee6c5d..af63a0c47 100644
--- a/translations/hu/2-js-basics/3-making-decisions/README.md
+++ b/translations/hu/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Alapok: Döntéshozás
 
-![JavaScript Alapok - Döntéshozás](../../../../translated_images/hu/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Alapok - Döntéshozás](../../../../translated_images/hu/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote készítője: [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/hu/2-js-basics/4-arrays-loops/README.md b/translations/hu/2-js-basics/4-arrays-loops/README.md
index 9083aa887..8e2f26377 100644
--- a/translations/hu/2-js-basics/4-arrays-loops/README.md
+++ b/translations/hu/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript Alapok: Tömbök és Ciklusok
 
-![JavaScript Basics - Arrays](../../../../translated_images/hu/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/hu/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote készítette: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/hu/3-terrarium/1-intro-to-html/README.md b/translations/hu/3-terrarium/1-intro-to-html/README.md
index 259317c1e..eeb78a756 100644
--- a/translations/hu/3-terrarium/1-intro-to-html/README.md
+++ b/translations/hu/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![Bevezetés az HTML-be](../../../../translated_images/hu/webdev101-html.4389c2067af68e98.png)
+![Bevezetés az HTML-be](../../../../translated_images/hu/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote készítette [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Az HTML, vagyis a HyperText Markup Language, minden általad valaha látogatott weboldal alapja. Gondolj az HTML-re úgy, mint a weboldalak vázára – ez határozza meg, hogy hová kerül a tartalom, hogyan van szervezve, és mit jelképez minden egyes elem. Míg a CSS később „felöltözteti” az HTML-t színekkel és elrendezéssel, és a JavaScript életre kelti interaktivitással, az HTML biztosítja azt az alapvető szerkezetet, amely minden mást lehetővé tesz.
@@ -86,7 +86,7 @@ Létrehozol egy külön mappát a terrárium projekthez, és hozzáadod az első
 4. Az Explorer panelen kattints az „Új fájl” ikonra
 5. Nevezd el a fájlt `index.html`-nek
 
-![VS Code Explorer új fájl létrehozása](../../../../translated_images/hu/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer új fájl létrehozása](../../../../translated_images/hu/vs-code-index.e2986cf919471eb9.webp)
 
 **2. lehetőség: Parancssoros parancsok használata**
 ```bash
diff --git a/translations/hu/3-terrarium/2-intro-to-css/README.md b/translations/hu/3-terrarium/2-intro-to-css/README.md
index 3abae1257..34e70bf35 100644
--- a/translations/hu/3-terrarium/2-intro-to-css/README.md
+++ b/translations/hu/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Reszponzív tervezés: 5: Student
       Üveg visszatükröződés: 5: Student
 ```
-![Bemutatás a CSS-hez](../../../../translated_images/hu/webdev101-css.3f7af5991bf53a20.png)
+![Bemutatás a CSS-hez](../../../../translated_images/hu/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote szerzője: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Emlékszel, hogy a HTML terráriumod meglehetősen egyszerűnek tűnt? A CSS az, ahol azt az egyszerű szerkezetet vizuálisan vonzóvá alakítjuk.
@@ -202,7 +202,7 @@ body {
 
 Nyisd meg a böngésződ fejlesztői eszközeit (F12), menj az Elements fülre, és nézd meg a `<h1>` elemedet. Láthatod, hogy a betűtípust a `body`-tól örökli:
 
-![örökölt betűtípus](../../../../translated_images/hu/1.cc07a5cbe114ad1d.png)
+![örökölt betűtípus](../../../../translated_images/hu/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Kísérlet**: Próbálj meg más öröklődő tulajdonságokat is beállítani a `<body>`-n, mint a `color`, `line-height` vagy `text-align`. Mi történik a címmel és más elemekkel?
 
@@ -594,7 +594,7 @@ Készen állsz élethű üveg fényvisszaverődésekkel gazdagítani a terráriu
 
 Finom fénypontokat készítesz, amelyek szimulálják, hogyan tükröződik a fény az üvegfelületen. Ez hasonló ahhoz, ahogy a reneszánsz festők, például Jan van Eyck fénnyel és visszatükröződéssel teszik térhatásúvá az üvegvázlatokat. Itt egy cél, amit meg akarsz valósítani:
 
-![finished terrarium](../../../../translated_images/hu/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/hu/terrarium-final.2f07047ffc597d0a.webp)
 
 **A kihívásod:**
 - **Hozz létre** finom, fehér vagy világos ovális alakzatokat az üveg fényvisszaverődéséhez
diff --git a/translations/hu/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/hu/3-terrarium/3-intro-to-DOM-and-closures/README.md
index d5329f06c..ba33732ad 100644
--- a/translations/hu/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/hu/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Teszteld a funkciókat: 5: Student
       Fejezd be a terráriumot: 5: Student
 ```
-![DOM és egy closure](../../../../translated_images/hu/webdev101-js.10280393044d7eaa.png)
+![DOM és egy closure](../../../../translated_images/hu/webdev101-js.10280393044d7eaa.webp)
 > Vázlatrajz készítette [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Üdvözlünk a webfejlesztés egyik legizgalmasabb részénél – a dolgok interaktívvá tételénél! A Document Object Model (DOM) olyan, mint egy híd az HTML-ed és a JavaScript-ed között, és ma ezt fogjuk használni, hogy életre keltsük a terráriumodat. Amikor Tim Berners-Lee megalkotta az első webböngészőt, egy olyan webet képzelt el, ahol a dokumentumok dinamikusak és interaktívak lehetnek – a DOM teszi lehetővé ezt a látomást.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM fa ábrázolás](../../../../translated_images/hu/dom-tree.7daf0e763cbbba92.png)
+![DOM fa ábrázolás](../../../../translated_images/hu/dom-tree.7daf0e763cbbba92.webp)
 
 > A DOM és az azt hivatkozó HTML jelölés ábrázolása. Forrás: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Closure-ök megértése**: A closure-ök jelentős téma a JavaScript-ben, és sok fejlesztő évekig használja őket anélkül, hogy minden elméleti részletet teljesen átlátna. Ma a gyakorlati alkalmazásra fókuszálunk – meglátod, hogy a closure-ök természetes módon jelennek meg, miközben interaktív funkciókat építünk. A megértés fejlődni fog, miközben látod, hogyan oldanak meg valódi problémákat.
 
-![DOM fa ábrázolás](../../../../translated_images/hu/dom-tree.7daf0e763cbbba92.png)
+![DOM fa ábrázolás](../../../../translated_images/hu/dom-tree.7daf0e763cbbba92.webp)
 
 > A DOM és az azt hivatkozó HTML jelölés ábrázolása. Forrás: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Most teszteld az interaktív terráriumodat! Nyisd meg az `index.html` fájlodat
 - **Eszközök közötti támogatás**: Asztali és mobil támogatás
 - **Teljesítménytudatosság**: Nincs memóriaszivárgás vagy fölösleges számítás
 
-![befejezett terrárium](../../../../translated_images/hu/terrarium-final.0920f16e87c13a84.png)
+![befejezett terrárium](../../../../translated_images/hu/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/hu/3-terrarium/solution/README.md b/translations/hu/3-terrarium/solution/README.md
index 447d33426..36de97f4d 100644
--- a/translations/hu/3-terrarium/solution/README.md
+++ b/translations/hu/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Egy kis drag and drop kódmeditáció. Egy kis HTML, JS és CSS használatával létrehozhatsz egy webes felületet, stílusozhatod, és interakciót adhatsz hozzá.
 
-![az én terráriumom](../../../../translated_images/hu/screenshot_gray.0c796099a1f9f25e.png)
+![az én terráriumom](../../../../translated_images/hu/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Köszönetnyilvánítás
 
diff --git a/translations/hu/5-browser-extension/1-about-browsers/README.md b/translations/hu/5-browser-extension/1-about-browsers/README.md
index dd2e75da9..29c486fdc 100644
--- a/translations/hu/5-browser-extension/1-about-browsers/README.md
+++ b/translations/hu/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Debug issues: 4: Student
       Polish experience: 5: Student
 ```
-![Böngésző vázlatjegyzet](../../../../translated_images/hu/browser.60317c9be8b7f84a.jpg)
+![Böngésző vázlatjegyzet](../../../../translated_images/hu/browser.60317c9be8b7f84a.webp)
 > Vázlatjegyzet készítője: [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Előadás előtti kvíz
@@ -77,7 +77,7 @@ Ez a folyamat tükrözi azt, ahogyan az első webes böngészőt, a WorldWideWeb
 
 ✅ **Egy kis történelem**: Az első böngészőt 'WorldWideWeb'-nek hívták, és Sir Timothy Berners-Lee készítette 1990-ben.
 
-![korai böngészők](../../../../translated_images/hu/earlybrowsers.d984b711cdf3a42d.jpg)
+![korai böngészők](../../../../translated_images/hu/earlybrowsers.d984b711cdf3a42d.webp)
 > Néhány korai böngésző, forrás: [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Hogyan dolgozza fel a böngésző a webes tartalmat
@@ -194,7 +194,7 @@ quadrantChart
 
 A bővítmény telepítési folyamatának ismerete segít előre látni a felhasználói élményt, amikor a felhasználók telepítik a bővítményedet. A telepítési folyamat egységes a modern böngészőkben, kisebb felületbeli különbségekkel.
 
-![képernyőkép az Edge böngészőről, megnyitott edge://extensions oldal és beállítási menü](../../../../translated_images/hu/install-on-edge.d68781acaf0b3d3d.png)
+![képernyőkép az Edge böngészőről, megnyitott edge://extensions oldal és beállítási menü](../../../../translated_images/hu/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Fontos**: Győződj meg róla, hogy bekapcsoltad a fejlesztői módot és engedélyezted a más áruházból származó bővítményeket, amikor saját bővítményeidet teszteled.
 
@@ -308,10 +308,10 @@ Ez a fokozatos információfeltárás elve, amit az interfésztervezés már a s
 ### Bővítmény nézetek áttekintése
 
 **Beállítási nézet** – Első alkalommal használók konfigurációja:
-![képernyőkép a kész bővítményről böngészőben, egy űrlappal a régió név és API kulcs megadására.](../../../../translated_images/hu/1.b6da8c1394b07491.png)
+![képernyőkép a kész bővítményről böngészőben, egy űrlappal a régió név és API kulcs megadására.](../../../../translated_images/hu/1.b6da8c1394b07491.webp)
 
 **Eredmény nézet** – Szénlábnyom adat megjelenítése:
-![képernyőkép a kész bővítményről, amely szénlábnyom és fosszilis üzemanyag százalék értékeket mutat az US-NEISO régióra.](../../../../translated_images/hu/2.1dae52ff08042246.png)
+![képernyőkép a kész bővítményről, amely szénlábnyom és fosszilis üzemanyag százalék értékeket mutat az US-NEISO régióra.](../../../../translated_images/hu/2.1dae52ff08042246.webp)
 
 ### A konfigurációs űrlap építése
 
diff --git a/translations/hu/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/hu/5-browser-extension/2-forms-browsers-local-storage/README.md
index a222b3ff7..a1a9d571b 100644
--- a/translations/hu/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/hu/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Mentett adatok törlése
     ClearStorage --> FirstTime: Vissza a beállításhoz
 ```
-![Local storage panel](../../../../translated_images/hu/localstorage.472f8147b6a3f8d1.png)
+![Local storage panel](../../../../translated_images/hu/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Biztonsági megfontolás**: Termelési alkalmazásokban az API kulcsok LocalStorage-ben történő tárolása biztonsági kockázatokat rejt, mivel JavaScript hozzáférhet ezekhez az adatokhoz. Tanulási céllal ez az eljárás elfogadható, de éles alkalmazások esetén biztonságos szerveroldali tárolás javasolt.
 
diff --git a/translations/hu/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/hu/5-browser-extension/3-background-tasks-and-performance/README.md
index 86739e146..1c6638c86 100644
--- a/translations/hu/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/hu/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Az Edge fejlesztői eszközeinek megnyitásához kattints a jobb felső sarokban
 
 Próbáljuk ki! Nyiss meg egy weboldalt (a Microsoft.com jól működik ehhez), és kattints a 'Felvétel' gombra. Most frissítsd az oldalt, és figyeld, ahogy a profiler felveszi, mi történik. Amikor leállítod a felvételt, részletes bontást látsz arról, hogyan 'szkriptel', 'renderel' és 'fest' a böngésző. Ez olyan, mint amikor a küldetésirányítás minden rendszert figyel egy űrrakéta indításakor – valós idejű adatokat kapsz arról, mi történik és mikor.
 
-![Edge profiler](../../../../translated_images/hu/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/hu/profiler.5a4a62479c5df01c.webp)
 
 ✅ A [Microsoft dokumentáció](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) rengeteg további részletet tartalmaz, ha mélyebben bele akarsz nézni
 
@@ -133,11 +133,11 @@ Jelölj ki a profil idővonalából eseményeket, hogy közelről lásd a betöl
 
 Készíts pillanatképet az oldal teljesítményéről az idővonal egy részének kijelölésével, és nézd meg az összefoglaló panelt:
 
-![Edge profiler snapshot](../../../../translated_images/hu/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/hu/snapshot.97750180ebcad737.webp)
 
 Nézd meg az Eseménynapló panelt, hogy történt-e 15 ms-nál hosszabb esemény:
 
-![Edge event log](../../../../translated_images/hu/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/hu/log.804026979f3707e0.webp)
 
 ✅ Ismerkedj meg a profilerrel! Nyisd meg a fejlesztői eszközöket ezen az oldalon, és nézd meg, van-e valahol szűk keresztmetszet. Melyik a leglassabban betöltődő erőforrás? A leggyorsabb?
 
diff --git a/translations/hu/5-browser-extension/README.md b/translations/hu/5-browser-extension/README.md
index f261361cc..408d5377a 100644
--- a/translations/hu/5-browser-extension/README.md
+++ b/translations/hu/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Ez a bővítmény ad hoc módon hívható meg a felhasználó által, miután eg
 
 ### Köszönetnyilvánítás
 
-![egy zöld böngészőbővítmény](../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![egy zöld böngészőbővítmény](../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Köszönetnyilvánítás
 
diff --git a/translations/hu/5-browser-extension/solution/README.md b/translations/hu/5-browser-extension/solution/README.md
index 6c5e42928..14c0f0932 100644
--- a/translations/hu/5-browser-extension/solution/README.md
+++ b/translations/hu/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow CO2 Signal API-ját használva az áramfogyasztás nyomon követésére, készíts egy böngészőbővítményt, amely emlékeztetőt ad a böngésződben arról, hogy mennyire terhelt az áramfogyasztás a régiódban. Az ad hoc használat segít abban, hogy az információk alapján döntéseket hozz a tevékenységeidről.
 
-![bővítmény képernyőkép](../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![bővítmény képernyőkép](../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Első lépések
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőn való telepítéshez használd a böngésző jobb felső sarkában található 'három pont' menüt, hogy megtaláld a Bővítmények panelt. Ott válaszd a 'Kicsomagolt betöltése' opciót egy új bővítmény betöltéséhez. A megjelenő ablakban nyisd meg a 'dist' mappát, és a bővítmény betöltődik. A használathoz szükséged lesz egy API kulcsra a CO2 Signal API-hoz ([itt szerezhetsz egyet e-mailben](https://www.co2signal.com/) - add meg az e-mail címedet az oldalon található mezőben), valamint a régiódhoz tartozó [kódra](http://api.electricitymap.org/v3/zones), amely megfelel az [Electricity Map](https://www.electricitymap.org/map) térképének (például Bostonban én az 'US-NEISO' kódot használom).
 
-![telepítés](../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![telepítés](../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután az API kulcsot és a régiót megadtad a bővítmény felületén, a böngészőbővítmény sávjában lévő színes pontnak meg kell változnia, hogy tükrözze a régiód energiafogyasztását, és iránymutatást adjon arról, hogy milyen energiaigényes tevékenységek lennének megfelelőek számodra. Ennek a 'pont' rendszernek az ötletét a [Energy Lollipop bővítmény](https://energylollipop.com/) adta, amely a kaliforniai kibocsátásokat követi.
 
diff --git a/translations/hu/5-browser-extension/solution/translation/README.fr.md b/translations/hu/5-browser-extension/solution/translation/README.fr.md
index 089278689..58a4b1e3a 100644
--- a/translations/hu/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/hu/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow CO2 Signal API-ját használva az áramfogyasztás nyomon követésére hozz létre egy böngészőbővítményt, amely közvetlenül a böngésződben emlékeztet az adott régió áramfogyasztására. Ennek az ad hoc bővítménynek a használata segíthet abban, hogy az információk alapján mérlegeld a tevékenységeidet.
 
-![bővítmény képernyőkép](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![bővítmény képernyőkép](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kezdés
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőre való telepítéshez használd a böngésző jobb felső sarkában található 'három pont' menüt, hogy megtaláld a Bővítmények panelt. Innen válaszd a 'Kicsomagolt bővítmény betöltése' opciót egy új bővítmény betöltéséhez. A megjelenő ablakban nyisd meg a 'dist' mappát, és a bővítmény betöltődik. A használathoz szükséged lesz egy API kulcsra a CO2 Signal API-hoz ([itt szerezhetsz egyet e-mailben](https://www.co2signal.com/) - add meg az e-mail címedet az oldalon található mezőben), valamint a régiód [kódjára](http://api.electricitymap.org/v3/zones), amely megfelel az [Electricity Map](https://www.electricitymap.org/map) térképének (például Boston esetében az 'US-NEISO' kódot használom).
 
-![telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután az API kulcsot és a régiót megadtad a bővítmény felületén, a böngésző bővítménysávjában található színes pontnak meg kell változnia, hogy tükrözze a régiód energiafogyasztását, és jelezze, hogy milyen energiaigényes tevékenységek végzése lenne megfelelő. A 'pontok' mögötti koncepciót az [Energy Lollipop bővítmény](https://energylollipop.com/) adta, amely a kaliforniai kibocsátásokat követi.
 
diff --git a/translations/hu/5-browser-extension/solution/translation/README.hi.md b/translations/hu/5-browser-extension/solution/translation/README.hi.md
index fbf47a369..2e379640c 100644
--- a/translations/hu/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/hu/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow CO2 Signal API-ját használva az áramfogyasztás nyomon követésére, egy böngészőbővítményt hozunk létre, amely emlékeztetőt ad arról, hogy az Ön régiójában mennyire terhelt az áramhasználat. Ennek a bővítménynek az alkalmi használata segíthet abban, hogy ezen információk alapján döntsön a tevékenységeiről.
 
-![Bővítmény képernyőkép](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![Bővítmény képernyőkép](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kezdés
 
@@ -31,7 +31,7 @@ npm run build
 
 Az Edge böngészőben való telepítéshez használja a böngésző jobb felső sarkában található 'három pont' menüt az Extension Panel megkereséséhez. Ott válassza a 'Load unpacked' opciót egy új bővítmény betöltéséhez. A megjelenő ablakban nyissa meg a 'dist' mappát, és a bővítmény betöltődik. A használathoz szüksége lesz egy CO2 Signal API kulcsra ([e-mailben itt szerezhető be](https://www.co2snal.com/) - adja meg e-mail címét az oldalon található mezőben), valamint [az Ön régiójának kódjára](http://api.electricitymap.org/v3/zones) az [Electricity Map](https://www.electricitymap.org/map) oldalról (például Boston esetében én az 'US-NEISO' kódot használom).
 
-![Telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![Telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután az API kulcsot és a régiót megadta a bővítmény felületén, a böngésző bővítménysávjában megjelenő színes pontnak tükröznie kell az Ön régiójának energiahasználatát, és jeleznie kell, hogy az energiaigényes tevékenységek mennyire megfelelőek az adott időpontban. Ennek a 'pont' rendszernek a koncepcióját a kaliforniai kibocsátásokhoz készült [Energy Lollipop bővítmény](https://energylollipop.com/) inspirálta.
 
diff --git a/translations/hu/5-browser-extension/solution/translation/README.it.md b/translations/hu/5-browser-extension/solution/translation/README.it.md
index 3a5f96fd5..d0419ec22 100644
--- a/translations/hu/5-browser-extension/solution/translation/README.it.md
+++ b/translations/hu/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow Signal CO2 API-ját fogjuk használni az áramfogyasztás nyomon követésére, hogy egy böngészőbővítményt hozzunk létre. Ez a bővítmény közvetlenül a böngészőben emlékeztet arra, hogy mennyire terheli az áramfogyasztás a régiódat. Ennek az egyedi bővítménynek a használata segít abban, hogy tevékenységeidet ezek alapján az információk alapján értékeld.
 
-![a bővítmény képernyőképe](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![a bővítmény képernyőképe](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kezdés
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőhöz való telepítéshez használd a böngésző jobb felső sarkában található "három pont" menüt, hogy megtaláld a Bővítmények panelt. Ha még nincs bekapcsolva, kapcsold be a Fejlesztői módot (a bal alsó sarokban). Válaszd a "Kitömörített bővítmény betöltése" opciót egy új bővítmény hozzáadásához. A megjelenő ablakban nyisd meg a "dist" mappát, és a bővítmény betöltődik. A használathoz szükséged lesz egy API kulcsra a CO2 Signal API-hoz (ezt [itt szerezheted meg e-mailben](https://www.co2signal.com/) - add meg az e-mail címedet az oldalon található mezőben), valamint a [régiód kódjára](http://api.electricitymap.org/v3/zones), amely megfelel az [elektromos térkép](https://www.electricitymap.org/map) régiójának (például Boston esetében "US-NEISO").
 
-![telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![telepítés](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután megadtad az API kulcsot és a régiót a bővítmény felületén, a böngésző bővítménysávjában található színes pontnak meg kell változnia, hogy tükrözze a régió energiafogyasztását. Ez egyben útmutatást is ad arról, hogy mely nagy energiaigényű tevékenységek végrehajtása lenne megfelelő. Ennek a "pontozási" rendszernek az alapötletét a [California Energy Lollipop](https://energylollipop.com/) bővítmény biztosította.
 
diff --git a/translations/hu/5-browser-extension/solution/translation/README.ja.md b/translations/hu/5-browser-extension/solution/translation/README.ja.md
index 413c1ce23..a78e84341 100644
--- a/translations/hu/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/hu/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Építs egy böngészőbővítményt, amely a tmrow CO2 Signal API-t használja az energiafogyasztás nyomon követésére, és emlékeztetőként megjeleníti, hogy a régiódban mennyire magas az energiafogyasztás. Ezt a bővítményt ad hoc módon használhatod, hogy az információk alapján dönts a tevékenységeidről.
 
-![extension screenshot](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kezdés
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőre való telepítéshez keresd meg a böngésző jobb felső sarkában található „három pont” menüben az „Extensions” panelt. Ott válaszd a „Load Unpacked” opciót, hogy betöltsd az új bővítményt. A megjelenő ablakban nyisd meg a „dist” mappát, és a bővítmény betöltődik. A használathoz szükséged lesz a CO2 Signal API API-kulcsára ([itt szerezhetsz egyet e-mailben](https://www.co2signal.com/) - írd be az e-mail címedet az oldalon található mezőbe), valamint a régiódnak megfelelő [kódra](http://api.electricitymap.org/v3/zones) az [Electricity Map](https://www.electricitymap.org/map) alapján (például Boston esetében 'US-NEISO').
 
-![installing](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután megadtad az API-kulcsot és a régiót a bővítmény felületén, a böngésző bővítménysávjában megjelenő színes pont változni fog, tükrözve a régiód energiafogyasztását. Ez segít eldönteni, hogy milyen energiaigényes tevékenységeket érdemes végezni. Ennek a „pont” rendszernek az ötletét a kaliforniai kibocsátásokhoz készült [Energy Lollipop bővítmény](https://energylollipop.com/) inspirálta.
 
diff --git a/translations/hu/5-browser-extension/solution/translation/README.ms.md b/translations/hu/5-browser-extension/solution/translation/README.ms.md
index 288feb4b3..b9afcf47e 100644
--- a/translations/hu/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/hu/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow CO2 Signal API használatával nyomon követheted az áramfogyasztást, és létrehozhatsz egy böngészőbővítményt, amely figyelmeztetéseket ad a böngésződben arról, hogy mennyire terhelt az adott régió áramfogyasztása. Ennek a bővítménynek a használata segíthet abban, hogy tevékenységeidet ezen információk alapján mérlegeld.
 
-![böngészőbővítmény képernyőképe](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![böngészőbővítmény képernyőképe](../../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kezdjük innen
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőben való telepítéshez használd a böngésző jobb felső sarkában található 'három pont' menüt, hogy megtaláld a Bővítmények panelt. Ott válaszd a 'Load Unpacked' opciót, hogy betöltsd az új bővítményt. Nyisd meg a 'dist' mappát a kérésre, és a bővítmény betöltődik. A használathoz szükséged lesz egy API kulcsra a CO2 Signal API-hoz ([itt szerezhetsz egyet e-mailben](https://www.co2signal.com/) - írd be az e-mail címedet az oldalon található mezőbe), valamint a régiód [kódjára](http://api.electricitymap.org/v3/zones), amely megfelel az [Electricity Map](https://www.electricitymap.org/map) térképének (például Bostonban én az 'US-NEISO' kódot használom).
 
-![letöltés folyamatban](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![letöltés folyamatban](../../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután az API kulcsot és a régiót megadtad a bővítmény felületén, a böngészőbővítmény sávjában lévő színes pont megváltozik, hogy tükrözze a régió energiafogyasztását, és útmutatást adjon arról, hogy milyen tevékenységek végezhetők az adott időszakban. Ennek a 'pont' rendszernek az ötletét a [Lollipop Energy böngészőbővítmény](https://energylollipop.com/) adta, amelyet Kalifornia kibocsátásaihoz fejlesztettek ki.
 
diff --git a/translations/hu/5-browser-extension/start/README.md b/translations/hu/5-browser-extension/start/README.md
index 6e8d1102e..4f988583a 100644
--- a/translations/hu/5-browser-extension/start/README.md
+++ b/translations/hu/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 A tmrow CO2 Signal API-ját használva követheted az áramfogyasztást, és készíthetsz egy böngészőbővítményt, amely emlékeztetőt ad a böngésződben arról, hogy mennyire terhelt a régiód áramhasználata. Az ilyen jellegű bővítmény segíthet abban, hogy az információk alapján jobban megfontold a tevékenységeidet.
 
-![bővítmény képernyőkép](../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.png)
+![bővítmény képernyőkép](../../../../translated_images/hu/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Első lépések
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge böngészőn való telepítéshez használd a böngésző jobb felső sarkában található 'három pont' menüt, hogy megtaláld a Bővítmények panelt. Ott válaszd a 'Betöltés csomagolatlanul' opciót, hogy új bővítményt tölts be. A megjelenő ablakban nyisd meg a 'dist' mappát, és a bővítmény betöltődik. Használatához szükséged lesz egy API kulcsra a CO2 Signal API-hoz ([itt szerezhetsz egyet e-mailben](https://www.co2signal.com/) - add meg az e-mail címedet az oldalon található mezőben), valamint a régiódhoz tartozó [kódra](http://api.electricitymap.org/v3/zones), amely megfelel az [Electricity Map](https://www.electricitymap.org/map) térképének (például Bostonban én az 'US-NEISO' kódot használom).
 
-![telepítés](../../../../translated_images/hu/install-on-edge.78634f02842c4828.png)
+![telepítés](../../../../translated_images/hu/install-on-edge.78634f02842c4828.webp)
 
 Miután az API kulcsot és a régiót megadtad a bővítmény felületén, a böngészőbővítmény sávjában lévő színes pontnak meg kell változnia, hogy tükrözze a régiód energiahasználatát, és iránymutatást adjon arról, hogy milyen energiaigényes tevékenységek lennének megfelelőek számodra. Ennek a 'pont' rendszernek az ötletét a [Energy Lollipop bővítmény](https://energylollipop.com/) adta, amely a kaliforniai kibocsátásokat követi.
 
diff --git a/translations/hu/6-space-game/2-drawing-to-canvas/README.md b/translations/hu/6-space-game/2-drawing-to-canvas/README.md
index febe697c0..987eb8edf 100644
--- a/translations/hu/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/hu/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```  
-![a canvas rácsa](../../../../translated_images/hu/canvas_grid.5f209da785ded492.png)  
+![a canvas rácsa](../../../../translated_images/hu/canvas_grid.5f209da785ded492.webp)  
 > Kép az [MDN-ről](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 A canvas elemre való rajzolás egy háromlépéses folyamatot követ, amely az összes canvas grafika alapját képezi. Ha párszor elvégzed, természetes lesz:
@@ -323,11 +323,11 @@ Egy weboldalt fogsz építeni egy Canvas elemmel, ami egy 1024*768-as fekete ké
 
 - Hős űrhajó
 
-   ![Hős űrhajó](../../../../translated_images/hu/player.dd24c1afa8c71e9b.png)
+   ![Hős űrhajó](../../../../translated_images/hu/player.dd24c1afa8c71e9b.webp)
 
 - 5x5-ös szörnyraj
 
-   ![Szörny űrhajó](../../../../translated_images/hu/enemyShip.5df2a822c16650c2.png)
+   ![Szörny űrhajó](../../../../translated_images/hu/enemyShip.5df2a822c16650c2.webp)
 
 ### Fejlesztési lépések ajánlása
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 A kész eredmény így nézzen ki:
 
-![Fekete képernyő egy hőssel és 5*5 szörnnyel](../../../../translated_images/hu/partI-solution.36c53b48c9ffae2a.png)
+![Fekete képernyő egy hőssel és 5*5 szörnnyel](../../../../translated_images/hu/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Megoldás
 
diff --git a/translations/hu/6-space-game/5-keeping-score/README.md b/translations/hu/6-space-game/5-keeping-score/README.md
index 75604392d..559d2242d 100644
--- a/translations/hu/6-space-game/5-keeping-score/README.md
+++ b/translations/hu/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Pontozási rendszer**: Minden legyőzött ellenséges hajó 100 pontot ér (a kerek számok a játékosoknak könnyebben fejben számolhatók). A pontszám a bal alsó sarokban jelenik meg.
-- **Élet számláló**: A hősöd három élettel indul – ez egy korai arcade játékok által lefektetett standard, hogy egyensúlyban tartsa a kihívást és a játszhatóságot. Minden találkozás az ellenséggel egy életet elvesz. A megmaradt életeket jobb alsó sarokban hajó ikonokkal fogjuk megjeleníteni ![life image](../../../../translated_images/hu/life.6fb9f50d53ee0413.png).
+- **Élet számláló**: A hősöd három élettel indul – ez egy korai arcade játékok által lefektetett standard, hogy egyensúlyban tartsa a kihívást és a játszhatóságot. Minden találkozás az ellenséggel egy életet elvesz. A megmaradt életeket jobb alsó sarokban hajó ikonokkal fogjuk megjeleníteni ![life image](../../../../translated_images/hu/life.6fb9f50d53ee0413.webp).
 
 ## Kezdjük az építkezést!
 
diff --git a/translations/hu/7-bank-project/1-template-route/README.md b/translations/hu/7-bank-project/1-template-route/README.md
index eec559ad6..315763f67 100644
--- a/translations/hu/7-bank-project/1-template-route/README.md
+++ b/translations/hu/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 A `history.pushState` új bejegyzéseket hoz létre a böngésző navigációs előzményeiben. Ezt ellenőrizheted úgy, hogy lenyomod a böngésződ *vissza gombját*, ilyesmit fogsz látni:
 
-![Screenshot of navigation history](../../../../translated_images/hu/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/hu/history.7fdabbafa521e064.webp)
 
 Ha néhányszor megnyomod a vissza gombot, látni fogod, hogy a jelenlegi URL változik és az előzmények frissülnek, de ugyanaz a sablon jelenik meg továbbra is.
 
diff --git a/translations/hu/7-bank-project/2-forms/README.md b/translations/hu/7-bank-project/2-forms/README.md
index 92bf33319..8908c57e2 100644
--- a/translations/hu/7-bank-project/2-forms/README.md
+++ b/translations/hu/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Először nézzük meg, mi történik alapvető űrlap beküldéssel:
 2. Figyeld meg a böngésző címsávjának változását
 3. Jegyezd meg, hogy az oldal újratöltődik és az adatok megjelennek az URL-ben
 
-![Képernyőkép a böngésző URL változásáról a Regisztráció gomb kattintása után](../../../../translated_images/hu/click-register.e89a30bf0d4bc9ca.png)
+![Képernyőkép a böngésző URL változásáról a Regisztráció gomb kattintása után](../../../../translated_images/hu/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP metódusok összehasonlítása
 
@@ -346,7 +346,7 @@ Konfiguráljuk a regisztrációs űrlapodat, hogy megfelelően kommunikáljon a
 2. **Kattints** a "Fiók létrehozása" gombra
 3. **Figyeld meg** a szerver válaszát a böngésződben
 
-![Böngésző ablak a localhost:5000/api/accounts címen, amely egy JSON sztringet mutat felhasználói adatokkal](../../../../translated_images/hu/form-post.61de4ca1b964d91a.png)
+![Böngésző ablak a localhost:5000/api/accounts címen, amely egy JSON sztringet mutat felhasználói adatokkal](../../../../translated_images/hu/form-post.61de4ca1b964d91a.webp)
 
 **Amit látnod kell:**
 - **Böngésző átirányít** az API végpont URL-jére
@@ -609,7 +609,7 @@ async function register() {
 3. **Kattints** a „Fiók létrehozása” gombra
 4. **Figyeld** a konzol üzeneteket és a felhasználói visszajelzést
 
-![Screenshot showing log message in the browser console](../../../../translated_images/hu/browser-console.efaf0b51aaaf6778.png)
+![Screenshot showing log message in the browser console](../../../../translated_images/hu/browser-console.efaf0b51aaaf6778.webp)
 
 **Mit kell látnod:**
 - **Betöltési állapot** jelenik meg a küldés gombon
@@ -783,7 +783,7 @@ Fejlesszük tovább a regisztrációs űrlapodat robusztus validációval, ami k
 3. **Próbálj meg** különleges karaktereket a felhasználónév mezőbe
 4. **Add meg** negatív egyenleg értéket
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/hu/validation-error.8bd23e98d416c22f.png)
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/hu/validation-error.8bd23e98d416c22f.webp)
 
 **Mit fogsz tapasztalni:**
 - **A böngésző megjeleníti** a natív validációs üzeneteket
@@ -943,7 +943,7 @@ Mutass meg egy hibaüzenetet az HTML-ben, ha a felhasználó már létezik.
 
 Íme egy példa arra, hogy nézhet ki a végleges bejelentkezési oldal egy kis stílus hozzáadása után:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/hu/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/hu/result.96ef01f607bf856a.webp)
 
 ## Óra utáni kvíz
 
diff --git a/translations/hu/7-bank-project/3-data/README.md b/translations/hu/7-bank-project/3-data/README.md
index a980982c3..6ecbbfdcf 100644
--- a/translations/hu/7-bank-project/3-data/README.md
+++ b/translations/hu/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Teljes HTML oldalt ad vissza
     Browser->>User: Megjeleníti az új oldalt (villanás/újratöltés)
 ```
-![Frissítési folyamat sokoldalas alkalmazásban](../../../../translated_images/hu/mpa.7f7375a1a2d4aa77.png)
+![Frissítési folyamat sokoldalas alkalmazásban](../../../../translated_images/hu/mpa.7f7375a1a2d4aa77.webp)
 
 **Miért volt kényelmetlen ez az eljárás:**
 - Minden kattintás az egész oldal újraépítését jelentette
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Frissíti a konkrét oldal elemeket
     Browser->>User: Megjeleníti a frissített tartalmat (újratöltés nélkül)
 ```
-![Frissítési folyamat egylapos alkalmazásban](../../../../translated_images/hu/spa.268ec73b41f992c2.png)
+![Frissítési folyamat egylapos alkalmazásban](../../../../translated_images/hu/spa.268ec73b41f992c2.webp)
 
 **Miért jobb az SPA:**
 - Csak a ténylegesen változott részek frissülnek (okosan, ugye?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Most, ha hibás fiókkal próbálkozol, egy segítőkész hibaüzenetet fogsz látni az oldalon!
 
-![Képernyőkép a bejelentkezés közben megjelenő hibaüzenetről](../../../../translated_images/hu/login-error.416fe019b36a6327.png)
+![Képernyőkép a bejelentkezés közben megjelenő hibaüzenetről](../../../../translated_images/hu/login-error.416fe019b36a6327.webp)
 
 #### 4. lépés: Legyél befogadó az akadálymentesítéssel
 
@@ -950,7 +950,7 @@ Készen állsz, hogy a banki alkalmazásodat a következő szintre emeld? Tegyü
 
 Így nézhet ki egy kidolgozott dashboard:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hu/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/hu/screen2.123c82a831a1d14a.webp)
 
 Nem kell pontosan ezt másolnod – használd inspirációnak és alakítsd saját ízlésed szerint!
 
diff --git a/translations/hu/7-bank-project/4-state-management/README.md b/translations/hu/7-bank-project/4-state-management/README.md
index 080b5e2c8..d875c9a1e 100644
--- a/translations/hu/7-bank-project/4-state-management/README.md
+++ b/translations/hu/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Az [állapotkezelés](https://en.wikipedia.org/wiki/State_management) valójába
 
 Ahelyett, hogy körbe-körbe futnánk, létrehozunk egy **központosított állapotkezelő** rendszert. Gondolj rá úgy, mint egy igazán rendezett személyre, aki az összes fontos dologért felelős:
 
-![Séma az adatfolyamatokról a HTML, felhasználói műveletek és az állapot között](../../../../translated_images/hu/data-flow.fa2354e0908fecc8.png)
+![Séma az adatfolyamatokról a HTML, felhasználói műveletek és az állapot között](../../../../translated_images/hu/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ Ez a kihívás segít neked úgy gondolkodni, mint egy professzionális fejleszt
 
 Íme egy példa eredmény a feladat elvégzése után:
 
-![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/hu/dialog.93bba104afeb79f1.png)
+![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/hu/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/hu/7-bank-project/4-state-management/assignment.md b/translations/hu/7-bank-project/4-state-management/assignment.md
index fd0f49241..e28e338f6 100644
--- a/translations/hu/7-bank-project/4-state-management/assignment.md
+++ b/translations/hu/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Tekintsd meg a [szerver API dokumentációját](../api/README.md) az alábbiakho
 **Várható eredmény:**
 A feladat elvégzése után a banki alkalmazásodnak teljesen működőképes "Tranzakció hozzáadása" funkcióval kell rendelkeznie, amely professzionálisan néz ki és működik:
 
-![Példa "Tranzakció hozzáadása" párbeszédablakot bemutató képernyőkép](../../../../translated_images/hu/dialog.93bba104afeb79f1.png)
+![Példa "Tranzakció hozzáadása" párbeszédablakot bemutató képernyőkép](../../../../translated_images/hu/dialog.93bba104afeb79f1.webp)
 
 ## Az implementáció tesztelése
 
diff --git a/translations/hu/7-bank-project/README.md b/translations/hu/7-bank-project/README.md
index 863947946..99d6e000f 100644
--- a/translations/hu/7-bank-project/README.md
+++ b/translations/hu/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Ebben a projektben megtanulhatod, hogyan építs fel egy képzeletbeli bankot. Ezek a leckék útmutatást adnak egy webalkalmazás elrendezéséhez és útvonalainak kialakításához, űrlapok létrehozásához, állapot kezeléséhez, valamint adatok lekéréséhez egy API-ból, amelyből elérheted a bank adatait.
 
-| ![Screen1](../../../translated_images/hu/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/hu/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/hu/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/hu/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Leckék
diff --git a/translations/hu/8-code-editor/1-using-a-code-editor/README.md b/translations/hu/8-code-editor/1-using-a-code-editor/README.md
index 172d1dd57..ae4a8d3ee 100644
--- a/translations/hu/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/hu/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Ahogyan Alexander Graham Bell telefonja távoli helyeket kötött össze, a GitH
 
 Miután minden betöltődött, egy gyönyörűen letisztult munkaterületet látsz, ami úgy van tervezve, hogy a fontos dolgokra – a kódodra! – koncentrálhass!
 
-![Alapértelmezett VSCode.dev felület](../../../../translated_images/hu/default-vscode-dev.5d06881d65c1b323.png)
+![Alapértelmezett VSCode.dev felület](../../../../translated_images/hu/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Íme, a városrész bemutatója:**
 - **Aktivitás sáv** (bal oldali csík): a fő navigációd az Explorer 📁, Keresés 🔍, Forrás vezérlés 🌿, Kiegészítők 🧩 és Beállítások ⚙️ között
@@ -229,7 +229,7 @@ Ez tökéletes, ha frissen indulsz a VSCode.dev-ben és meg akarsz nyitni egy ko
 1. Lépj a [vscode.dev](https://vscode.dev) oldalra, ha még nem vagy ott
 2. Keresd meg a "Open Remote Repository" gombot a kezdőképernyőn, és kattints rá
 
-   ![Távoli tárhely megnyitása](../../../../translated_images/hu/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Távoli tárhely megnyitása](../../../../translated_images/hu/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Illeszd be bármely GitHub tárhely URL-jét (próbáld ki ezt: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Nyomj Entert és figyeld a varázslatot!
@@ -238,7 +238,7 @@ Ez tökéletes, ha frissen indulsz a VSCode.dev-ben és meg akarsz nyitni egy ko
 
 Szeretnél kódvarázslónak érezni magad? Próbáld ezt a billentyűkombinációt: Ctrl+Shift+P (Macen Cmd+Shift+P), hogy megnyisd a Parancspalettát:
 
-![Parancspaletta](../../../../translated_images/hu/palette-menu.4946174e07f42622.png)
+![Parancspaletta](../../../../translated_images/hu/palette-menu.4946174e07f42622.webp)
 
 **A Parancspaletta olyan, mint egy keresőmotor mindennek, amit csinálhatsz:**
 - Írd be, hogy "open remote", és megtalálja a távoli tárhely megnyitóját
@@ -300,7 +300,7 @@ Ahogy egy építész irodájában a tervrajzok rendszerezettek, úgy a fájl lé
 3. Írd be a fájl nevét a megfelelő kiterjesztéssel (`style.css`, `script.js`, `index.html`)
 4. Nyomj Entert a fájl létrehozásához
 
-![Új fájl létrehozása](../../../../translated_images/hu/create-new-file.2814e609c2af9aeb.png)
+![Új fájl létrehozása](../../../../translated_images/hu/create-new-file.2814e609c2af9aeb.webp)
 
 **Névzési szabályok:**
 - Használj leíró neveket, amelyek jelzik a fájl célját
@@ -318,7 +318,7 @@ Itt kezdődik az igazi móka! A VSCode.dev szerkesztője tele van hasznos funkci
 2. Kezdj el gépelni és nézd, hogyan segít a VSCode.dev színekkel, javaslatokkal és hibafelismeréssel
 3. Mentsd el munkád Ctrl+S (Windows/Linux) vagy Cmd+S (Mac) billentyűkkel – de van automatikus mentés is!
 
-![Fájlok szerkesztése a VSCode.dev-ben](../../../../translated_images/hu/edit-a-file.52c0ee665ef19f08.png)
+![Fájlok szerkesztése a VSCode.dev-ben](../../../../translated_images/hu/edit-a-file.52c0ee665ef19f08.webp)
 
 **Ügyes dolgok, amik közben történnek:**
 - Kódod gyönyörűen színezett, hogy könnyen olvasható legyen
@@ -339,7 +339,7 @@ Ahogy a régészek részletes feljegyzéseket készítenek a feltárás rétegei
 2. A módosított fájlok megjelennek a "Changes" (Változások) részben
 3. Színkódok jelzik a változtatások típusát: zöld a hozzáadások, piros a törlések
 
-![Változások megtekintése a Forráskezelőben](../../../../translated_images/hu/working-tree.c58eec08e6335c79.png)
+![Változások megtekintése a Forráskezelőben](../../../../translated_images/hu/working-tree.c58eec08e6335c79.webp)
 
 **Munkád mentése (commit munkafolyamat):**
 
@@ -431,7 +431,7 @@ A kiterjesztés piactér nagyon jól szervezett, így nem fogsz eltévedni, amik
 2. Böngéssz, vagy keress valami konkrétat
 3. Kattints bármire, ami érdekesnek tűnik, hogy többet megtudj róla
 
-![Extension marketplace interface](../../../../translated_images/hu/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/hu/extensions.eca0e0c7f59a10b5.webp)
 
 **Mit látsz ott:**
 
@@ -484,7 +484,7 @@ A legtöbb kiterjesztés beállításokkal rendelkezik, amelyeket módosíthatsz
 3. Válaszd az "Extension Settings" menüpontot a legördülőből
 4. Állítsd be, amíg a munkafolyamatodhoz pont megfelelőnek érzed
 
-![Customizing extension settings](../../../../translated_images/hu/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/hu/extension-settings.21c752ae4f4cdb78.webp)
 
 **Gyakori beállítási lehetőségek:**
 - Hogyan formázódjon a kódod (tabulátorok vagy szóközök, sorhossz, stb.)
diff --git a/translations/hu/8-code-editor/1-using-a-code-editor/assignment.md b/translations/hu/8-code-editor/1-using-a-code-editor/assignment.md
index b2271803a..055b75eed 100644
--- a/translations/hu/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/hu/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Mivel a VSCode.dev legalább egy fájlt igényel a repozitórium megnyitásához
 4. **Írj** egy commit üzenetet: "Kezdeti HTML struktúra hozzáadása"
 5. **Kattints** a "Commit new file" gombra a változtatások mentéséhez
 
-![Kezdeti fájl létrehozása a GitHubon](../../../../translated_images/hu/new-file-github.com.c886796d800e8056.png)
+![Kezdeti fájl létrehozása a GitHubon](../../../../translated_images/hu/new-file-github.com.c886796d800e8056.webp)
 
 **Ez a kezdeti beállítás a következőket valósítja meg:**
 - **Létrehozza** a megfelelő HTML5 dokumentum struktúrát szemantikus elemekkel
@@ -104,7 +104,7 @@ Most, hogy a repozitórium alapja létrejött, váltsunk át a VSCode.dev-re a f
 
 ✅ **Sikerjelző**: A projekt fájljait az Explorer oldalsávban kell látnod, az `index.html` pedig szerkesztésre elérhető a fő szerkesztő területen.
 
-![Projekt betöltve a VSCode.dev-ben](../../../../translated_images/hu/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projekt betöltve a VSCode.dev-ben](../../../../translated_images/hu/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Amit az interfészen látsz:**
 - **Explorer oldalsáv**: **Megjeleníti** a repozitórium fájljait és mappastruktúráját
@@ -448,7 +448,7 @@ A bővítmények javítják a fejlesztési élményt élő előnézeti képessé
 **Azonnali eredmények telepítés után:**
 Amint a CodeSwing telepítve van, az önéletrajz weboldalad élő előnézete megjelenik a szerkesztőben. Ez lehetővé teszi, hogy pontosan lásd, hogyan néz ki az oldal, miközben változtatásokat végzel.
 
-![CodeSwing bővítmény élő előnézetet mutat](../../../../translated_images/hu/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing bővítmény élő előnézetet mutat](../../../../translated_images/hu/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Az interfész fejlesztett megértése:**
 - **Megosztott nézet**: **Mutatja** a kódot az egyik oldalon és az élő előnézetet a másikon
diff --git a/translations/hu/9-chat-project/README.md b/translations/hu/9-chat-project/README.md
index c3f89aeea..892ef4a23 100644
--- a/translations/hu/9-chat-project/README.md
+++ b/translations/hu/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Így fog kinézni a kész projekted:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hu/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/hu/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Tanulási utad az MI alkalmazásfejlesztésben
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Alapelv**: Az MI alkalmazásfejlesztés a hagyományos webfejlesztési készségeket ötvözi MI szolgáltatás integrációval, így olyan intelligens alkalmazásokat hoz létre, amelyek természetesnek és reagálónak érződnek a felhasználók számára.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hu/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/hu/playground.d2b927122224ff8f.webp)
 
 **Ez teszi a playgroundot olyan hasznossá:**
 - **Próbálj ki** különböző MI modelleket, mint a GPT-4o-mini, Claude és mások (mind ingyen!)
@@ -199,7 +199,7 @@ mindmap
 
 Miután játszottál egy kicsit, csak kattints a "Code" fülre, és válaszd ki a programozási nyelved, hogy megkapd a szükséges implementációs kódot.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/hu/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/hu/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python backend integráció beállítása
 
@@ -2352,14 +2352,14 @@ Szeretnéd kipróbálni ezt a projektet egy felhő alapú fejlesztői környezet
 - **Navigálj** a [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) oldalra
 - **Kattints** a jobb felső sarokban a "Use this template" gombra (győződj meg róla, hogy be vagy jelentkezve GitHub-ra)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/hu/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/hu/template.67ad477109d29a2b.webp)
 
 **2. lépés: Codespaces indítása**
 - **Nyisd meg** az újonnan létrehozott repository-t
 - **Kattints** a zöld "Code" gombra, és válaszd a "Codespaces" lehetőséget
 - **Válaszd** a "Create codespace on main" opciót a fejlesztői környezet indításához
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/hu/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/hu/codespace.bcecbdf5d2747d3d.webp)
 
 **3. lépés: Környezet beállítása**
 Amint betölt a Codespace, hozzáférést kapsz:
diff --git a/translations/hu/README.md b/translations/hu/README.md
index 5e11c324b..27e818990 100644
--- a/translations/hu/README.md
+++ b/translations/hu/README.md
@@ -72,13 +72,13 @@ Ne hagyd ki új Generatív AI tananyagunkat!
 
 Látogass el ide: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) hogy elindulj!
 
-![Background](../../translated_images/hu/background.148a8d43afde5730.png)
+![Background](../../translated_images/hu/background.148a8d43afde5730.webp)
 
 - Leckék az alapoktól a RAG-ig.
 - Interakció történelmi karakterekkel GenAI és társalkalmazásunk segítségével.
 - Szórakoztató és lebilincselő narratíva, időutazás!
 
-![character](../../translated_images/hu/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/hu/character.5c0dd8e067ffd693.webp)
 
 
 Minden lecke tartalmaz egy feladatot, tudásellenőrzést és egy kihívást, hogy eligazodj olyan témákban, mint:
@@ -115,7 +115,7 @@ Kövesd a lépéseket:
 
 A létrehozott repository példányában kattints a **Code** gombra, majd válaszd az **Open with Codespaces** lehetőséget. Ez létrehoz egy új Codespace-t a munkához.
 
-![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Tananyag futtatása helyileg a számítógépen
 
diff --git a/translations/hu/for-teachers.md b/translations/hu/for-teachers.md
index e3bc06080..b9b26edce 100644
--- a/translations/hu/for-teachers.md
+++ b/translations/hu/for-teachers.md
@@ -42,10 +42,10 @@ Ez a tananyag importálható csomagokat tartalmaz a gyakori LMS munkafolyamatokh
   - A Moodle Cloud korlátozott Common Cartridge támogatással rendelkezik. Előnyben részesítse a fenti Moodle fájlt, amely Canvasba is feltölthető.
   - Az importálás után ellenőrizze a modulokat, határidőket és kvízbeállításokat, hogy illeszkedjenek az Ön tanévi ütemtervéhez.
 
-![Moodle](../../translated_images/hu/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/hu/moodle.94eb93d714a50cb2.webp)
 > A tananyag egy Moodle osztályteremben
 
-![Canvas](../../translated_images/hu/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/hu/canvas.fbd605ff8e5b8aff.webp)
 > A tananyag a Canvasban
 
 ### A repó közvetlen használata (Classroom nélkül)
diff --git a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index ff6ab4a89..f85da6805 100644
--- a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Dengar, saya benar-benar mengerti jika pemrograman terasa menakutkan sekarang. K
 
 Hari ini, kita akan menjelajahi alat-alat luar biasa yang membuat pengembangan web modern tidak hanya mungkin, tetapi juga sangat adiktif. Saya berbicara tentang editor, browser, dan alur kerja yang sama persis yang digunakan pengembang di Netflix, Spotify, dan studio aplikasi indie favoritmu setiap hari. Dan ini bagian yang akan membuatmu ingin menari kegirangan: sebagian besar alat profesional kelas industri ini sepenuhnya gratis!
 
-![Intro Programming](../../../../translated_images/id/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/id/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/id/1-getting-started-lessons/2-github-basics/README.md b/translations/id/1-getting-started-lessons/2-github-basics/README.md
index 644d56c04..96bc4e596 100644
--- a/translations/id/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/id/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Saya tahu ini mungkin terasa banyak pada awalnya – saya ingat saat pertama kal
 
 Kita akan menjalani perjalanan ini bersama, langkah demi langkah. Tidak perlu terburu-buru, tidak ada tekanan – hanya Anda, saya, dan beberapa alat keren yang akan menjadi sahabat baru Anda!
 
-![Intro to GitHub](../../../../translated_images/id/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/id/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -610,7 +610,7 @@ Pertama, mari kita temukan repositori (atau **repo**) di GitHub yang menarik bag
 
 ✅ Cara yang baik untuk menemukan repo 'ramah pemula' adalah dengan [mencari berdasarkan tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Salin repo secara lokal](../../../../translated_images/id/clone_repo.5085c48d666ead57.png)
+![Salin repo secara lokal](../../../../translated_images/id/clone_repo.5085c48d666ead57.webp)
 
 Ada beberapa cara untuk menyalin kode. Salah satunya adalah dengan "mengkloning" isi repositori, menggunakan HTTPS, SSH, atau menggunakan GitHub CLI (Command Line Interface).
 
diff --git a/translations/id/1-getting-started-lessons/3-accessibility/README.md b/translations/id/1-getting-started-lessons/3-accessibility/README.md
index 04b0b7e17..8e735686d 100644
--- a/translations/id/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/id/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Membuat Halaman Web yang Dapat Diakses
 
-![Semua Tentang Aksesibilitas](../../../../translated_images/id/webdev101-a11y.8ef3025c858d897a.png)
+![Semua Tentang Aksesibilitas](../../../../translated_images/id/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/id/2-js-basics/1-data-types/README.md b/translations/id/2-js-basics/1-data-types/README.md
index f32b6a701..60758089f 100644
--- a/translations/id/2-js-basics/1-data-types/README.md
+++ b/translations/id/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Dasar-Dasar JavaScript: Tipe Data
 
-![Dasar-Dasar JavaScript - Tipe Data](../../../../translated_images/id/webdev101-js-datatypes.4cc470179730702c.png)
+![Dasar-Dasar JavaScript - Tipe Data](../../../../translated_images/id/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/id/2-js-basics/2-functions-methods/README.md b/translations/id/2-js-basics/2-functions-methods/README.md
index df4f90220..3d3d66a93 100644
--- a/translations/id/2-js-basics/2-functions-methods/README.md
+++ b/translations/id/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Dasar-Dasar JavaScript: Metode dan Fungsi
 
-![Dasar-Dasar JavaScript - Fungsi](../../../../translated_images/id/webdev101-js-functions.be049c4726e94f8b.png)
+![Dasar-Dasar JavaScript - Fungsi](../../../../translated_images/id/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/id/2-js-basics/3-making-decisions/README.md b/translations/id/2-js-basics/3-making-decisions/README.md
index 01f5af744..49c9e4e2e 100644
--- a/translations/id/2-js-basics/3-making-decisions/README.md
+++ b/translations/id/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Dasar-Dasar JavaScript: Membuat Keputusan
 
-![Dasar-Dasar JavaScript - Membuat keputusan](../../../../translated_images/id/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![Dasar-Dasar JavaScript - Membuat keputusan](../../../../translated_images/id/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/id/2-js-basics/4-arrays-loops/README.md b/translations/id/2-js-basics/4-arrays-loops/README.md
index 07e7e5320..2711f55fc 100644
--- a/translations/id/2-js-basics/4-arrays-loops/README.md
+++ b/translations/id/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Dasar-Dasar JavaScript: Array dan Loop
 
-![Dasar-Dasar JavaScript - Array](../../../../translated_images/id/webdev101-js-arrays.439d7528b8a29455.png)
+![Dasar-Dasar JavaScript - Array](../../../../translated_images/id/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/id/3-terrarium/1-intro-to-html/README.md b/translations/id/3-terrarium/1-intro-to-html/README.md
index 991fbfd4e..5ffd3368c 100644
--- a/translations/id/3-terrarium/1-intro-to-html/README.md
+++ b/translations/id/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![Pengantar HTML](../../../../translated_images/id/webdev101-html.4389c2067af68e98.png)
+![Pengantar HTML](../../../../translated_images/id/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, atau HyperText Markup Language, adalah dasar dari setiap situs web yang pernah Anda kunjungi. Pikirkan HTML sebagai kerangka yang memberikan struktur pada halaman web – HTML menentukan di mana konten berada, bagaimana konten diatur, dan apa yang diwakili oleh setiap bagian. Sementara CSS nantinya akan "mendandani" HTML Anda dengan warna dan tata letak, dan JavaScript akan menghidupkannya dengan interaktivitas, HTML menyediakan struktur penting yang membuat semuanya menjadi mungkin.
@@ -88,7 +88,7 @@ Anda akan membuat folder khusus untuk proyek terrarium Anda dan menambahkan file
 4. Di panel Explorer, klik ikon "New File"
 5. Beri nama file Anda `index.html`
 
-![Explorer VS Code menunjukkan pembuatan file baru](../../../../translated_images/id/vs-code-index.e2986cf919471eb9.png)
+![Explorer VS Code menunjukkan pembuatan file baru](../../../../translated_images/id/vs-code-index.e2986cf919471eb9.webp)
 
 **Opsi 2: Menggunakan Perintah Terminal**
 ```bash
diff --git a/translations/id/3-terrarium/2-intro-to-css/README.md b/translations/id/3-terrarium/2-intro-to-css/README.md
index 7bc77e0b8..cef8f4940 100644
--- a/translations/id/3-terrarium/2-intro-to-css/README.md
+++ b/translations/id/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![Pengantar CSS](../../../../translated_images/id/webdev101-css.3f7af5991bf53a20.png)
+![Pengantar CSS](../../../../translated_images/id/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Ingat bagaimana terrarium HTML Anda terlihat cukup sederhana? CSS adalah tempat kita mengubah struktur polos itu menjadi sesuatu yang menarik secara visual.
@@ -205,7 +205,7 @@ body {
 
 Buka alat pengembang browser Anda (F12), navigasikan ke tab Elemen, dan inspeksi elemen `<h1>` Anda. Anda akan melihat bahwa elemen tersebut mewarisi keluarga font dari body:
 
-![font yang diwarisi](../../../../translated_images/id/1.cc07a5cbe114ad1d.png)
+![font yang diwarisi](../../../../translated_images/id/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Waktu Eksperimen**: Cobalah mengatur properti lain yang dapat diwarisi pada `<body>` seperti `color`, `line-height`, atau `text-align`. Apa yang terjadi pada heading dan elemen lainnya?
 
@@ -599,7 +599,7 @@ Siap meningkatkan terrarium Anda dengan refleksi kaca yang realistis? Teknik ini
 
 Anda akan membuat sorotan halus yang mensimulasikan bagaimana cahaya memantul dari permukaan kaca. Pendekatan ini mirip dengan bagaimana pelukis Renaisans seperti Jan van Eyck menggunakan cahaya dan refleksi untuk membuat kaca yang dilukis tampak tiga dimensi. Berikut adalah tujuan Anda:
 
-![finished terrarium](../../../../translated_images/id/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/id/terrarium-final.2f07047ffc597d0a.webp)
 
 **Tantangan Anda:**
 - **Buat** bentuk oval putih atau berwarna terang untuk refleksi kaca
diff --git a/translations/id/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/id/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 0abad7d2e..36549d8ec 100644
--- a/translations/id/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/id/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM dan sebuah closure](../../../../translated_images/id/webdev101-js.10280393044d7eaa.png)
+![DOM dan sebuah closure](../../../../translated_images/id/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Selamat datang di salah satu aspek paling menarik dari pengembangan web - membuat sesuatu menjadi interaktif! Document Object Model (DOM) adalah seperti jembatan antara HTML dan JavaScript Anda, dan hari ini kita akan menggunakannya untuk menghidupkan terrarium Anda. Ketika Tim Berners-Lee menciptakan browser web pertama, dia membayangkan web di mana dokumen bisa menjadi dinamis dan interaktif - DOM membuat visi itu menjadi mungkin.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![Representasi pohon DOM](../../../../translated_images/id/dom-tree.7daf0e763cbbba92.png)
+![Representasi pohon DOM](../../../../translated_images/id/dom-tree.7daf0e763cbbba92.webp)
 
 > Representasi DOM dan markup HTML yang merujuk padanya. Dari [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **Memahami Penutupan**: Penutupan adalah topik penting dalam JavaScript, dan banyak pengembang menggunakannya selama bertahun-tahun sebelum sepenuhnya memahami semua aspek teoritisnya. Hari ini, kita fokus pada aplikasi praktis - Anda akan melihat penutupan muncul secara alami saat kita membangun fitur interaktif kita. Pemahaman akan berkembang saat Anda melihat bagaimana mereka menyelesaikan masalah nyata.
 
-![Representasi pohon DOM](../../../../translated_images/id/dom-tree.7daf0e763cbbba92.png)
+![Representasi pohon DOM](../../../../translated_images/id/dom-tree.7daf0e763cbbba92.webp)
 
 > Representasi DOM dan markup HTML yang merujuk padanya. Dari [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -598,7 +598,7 @@ Sekarang uji terrarium interaktif Anda! Buka file `index.html` Anda di browser w
 - **Dukungan lintas perangkat**: Berfungsi di desktop dan mobile
 - **Sadar kinerja**: Tidak ada kebocoran memori atau perhitungan redundan
 
-![terrarium selesai](../../../../translated_images/id/terrarium-final.0920f16e87c13a84.png)
+![terrarium selesai](../../../../translated_images/id/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/id/3-terrarium/solution/README.md b/translations/id/3-terrarium/solution/README.md
index f1fd786a1..f341d7937 100644
--- a/translations/id/3-terrarium/solution/README.md
+++ b/translations/id/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Sebuah meditasi kode kecil dengan fitur seret dan lepas. Dengan sedikit HTML, JS, dan CSS, Anda dapat membangun antarmuka web, menatanya, dan menambahkan interaksi.
 
-![terrarium saya](../../../../translated_images/id/screenshot_gray.0c796099a1f9f25e.png)
+![terrarium saya](../../../../translated_images/id/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Kredit
 
diff --git a/translations/id/5-browser-extension/1-about-browsers/README.md b/translations/id/5-browser-extension/1-about-browsers/README.md
index cb90ee98e..a0a0c03d0 100644
--- a/translations/id/5-browser-extension/1-about-browsers/README.md
+++ b/translations/id/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![Sketchnote Browser](../../../../translated_images/id/browser.60317c9be8b7f84a.jpg)
+![Sketchnote Browser](../../../../translated_images/id/browser.60317c9be8b7f84a.webp)
 > Sketchnote oleh [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Kuis Pra-Pelajaran
@@ -79,7 +79,7 @@ Proses ini mencerminkan bagaimana browser web pertama, WorldWideWeb, dirancang o
 
 ✅ **Sedikit sejarah**: Browser pertama disebut 'WorldWideWeb' dan dibuat oleh Sir Timothy Berners-Lee pada tahun 1990.
 
-![browser awal](../../../../translated_images/id/earlybrowsers.d984b711cdf3a42d.jpg)
+![browser awal](../../../../translated_images/id/earlybrowsers.d984b711cdf3a42d.webp)
 > Beberapa browser awal, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Bagaimana Browser Memproses Konten Web
@@ -198,7 +198,7 @@ quadrantChart
 
 Memahami proses pemasangan ekstensi membantu Anda mengantisipasi pengalaman pengguna saat mereka memasang ekstensi Anda. Proses pemasangan distandarisasi di browser modern, dengan variasi kecil dalam desain antarmuka.
 
-![tangkapan layar browser Edge yang menunjukkan halaman edge://extensions terbuka dan menu pengaturan terbuka](../../../../translated_images/id/install-on-edge.d68781acaf0b3d3d.png)
+![tangkapan layar browser Edge yang menunjukkan halaman edge://extensions terbuka dan menu pengaturan terbuka](../../../../translated_images/id/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Penting**: Pastikan untuk mengaktifkan mode pengembang dan izinkan ekstensi dari toko lain saat menguji ekstensi Anda sendiri.
 
@@ -313,10 +313,10 @@ Ini mengikuti prinsip pengungkapan progresif yang digunakan dalam desain antarmu
 ### Ikhtisar Tampilan Ekstensi
 
 **Tampilan Pengaturan** - Konfigurasi pengguna pertama kali:
-![tangkapan layar ekstensi yang selesai terbuka di browser, menampilkan formulir dengan input untuk nama wilayah dan kunci API.](../../../../translated_images/id/1.b6da8c1394b07491.png)
+![tangkapan layar ekstensi yang selesai terbuka di browser, menampilkan formulir dengan input untuk nama wilayah dan kunci API.](../../../../translated_images/id/1.b6da8c1394b07491.webp)
 
 **Tampilan Hasil** - Tampilan data jejak karbon:
-![tangkapan layar ekstensi yang selesai menampilkan nilai penggunaan karbon dan persentase bahan bakar fosil untuk wilayah US-NEISO.](../../../../translated_images/id/2.1dae52ff08042246.png)
+![tangkapan layar ekstensi yang selesai menampilkan nilai penggunaan karbon dan persentase bahan bakar fosil untuk wilayah US-NEISO.](../../../../translated_images/id/2.1dae52ff08042246.webp)
 
 ### Membuat Formulir Konfigurasi
 
diff --git a/translations/id/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/id/5-browser-extension/2-forms-browsers-local-storage/README.md
index 3b458cb65..f477a3a8b 100644
--- a/translations/id/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/id/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Panel penyimpanan lokal](../../../../translated_images/id/localstorage.472f8147b6a3f8d1.png)
+![Panel penyimpanan lokal](../../../../translated_images/id/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Pertimbangan Keamanan**: Dalam aplikasi produksi, menyimpan kunci API di LocalStorage menimbulkan risiko keamanan karena JavaScript dapat mengakses data ini. Untuk tujuan pembelajaran, pendekatan ini baik-baik saja, tetapi aplikasi nyata harus menggunakan penyimpanan sisi server yang aman untuk kredensial sensitif.
 
diff --git a/translations/id/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/id/5-browser-extension/3-background-tasks-and-performance/README.md
index 33dd4d75f..bae9eacb5 100644
--- a/translations/id/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/id/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Untuk membuka Developer Tools di Edge, klik tiga titik di sudut kanan atas, lalu
 
 Mari kita coba ini. Buka sebuah situs web (Microsoft.com bekerja dengan baik untuk ini) dan klik tombol 'Record'. Sekarang segarkan halaman dan lihat profiler menangkap semua yang terjadi. Ketika Anda berhenti merekam, Anda akan melihat rincian mendetail tentang bagaimana browser 'menyusun', 'merender', dan 'melukis' situs tersebut. Ini mengingatkan saya pada bagaimana pusat kendali misi memantau setiap sistem selama peluncuran roket - Anda mendapatkan data waktu nyata tentang apa yang terjadi dan kapan.
 
-![Edge profiler](../../../../translated_images/id/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/id/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Dokumentasi Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) memiliki banyak detail jika Anda ingin mendalami lebih jauh
 
@@ -136,11 +136,11 @@ Pilih elemen dari timeline profil untuk memperbesar peristiwa yang terjadi saat
 
 Dapatkan snapshot performa halaman Anda dengan memilih bagian dari timeline profil dan melihat panel ringkasan:
 
-![Edge profiler snapshot](../../../../translated_images/id/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/id/snapshot.97750180ebcad737.webp)
 
 Periksa panel Event Log untuk melihat apakah ada peristiwa yang memakan waktu lebih dari 15 ms:
 
-![Edge event log](../../../../translated_images/id/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/id/log.804026979f3707e0.webp)
 
 ✅ Kenali profiler Anda! Buka developer tools di situs ini dan lihat apakah ada hambatan. Apa aset yang paling lambat dimuat? Yang tercepat?
 
diff --git a/translations/id/5-browser-extension/README.md b/translations/id/5-browser-extension/README.md
index 56f86c50e..65417f0f1 100644
--- a/translations/id/5-browser-extension/README.md
+++ b/translations/id/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Ekstensi ini dapat digunakan secara ad hoc oleh pengguna setelah kunci API dan k
 
 ### Kredit
 
-![ekstensi browser berwarna hijau](../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![ekstensi browser berwarna hijau](../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kredit
 
diff --git a/translations/id/5-browser-extension/solution/README.md b/translations/id/5-browser-extension/solution/README.md
index 2940e7a09..c1797386a 100644
--- a/translations/id/5-browser-extension/solution/README.md
+++ b/translations/id/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API C02 Signal dari tmrow untuk melacak penggunaan listrik, buat ekstensi browser sehingga Anda dapat memiliki pengingat langsung di browser Anda tentang seberapa berat penggunaan listrik di wilayah Anda. Menggunakan ekstensi ini secara ad hoc akan membantu Anda membuat keputusan berdasarkan informasi ini.
 
-![screenshot ekstensi](../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot ekstensi](../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu 'tiga titik' di sudut kanan atas browser untuk menemukan panel Ekstensi. Dari sana, pilih 'Load Unpacked' untuk memuat ekstensi baru. Buka folder 'dist' saat diminta, dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API untuk API CO2 Signal ([dapatkan di sini melalui email](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman ini) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Electricity Map](https://www.electricitymap.org/map) (di Boston, misalnya, saya menggunakan 'US-NEISO').
 
-![menginstal](../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![menginstal](../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antarmuka ekstensi, titik berwarna di bilah ekstensi browser seharusnya berubah untuk mencerminkan penggunaan energi di wilayah Anda dan memberikan petunjuk tentang aktivitas berat energi yang sesuai untuk Anda lakukan. Konsep di balik sistem 'titik' ini diberikan kepada saya oleh [ekstensi Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/solution/translation/README.fr.md b/translations/id/5-browser-extension/solution/translation/README.fr.md
index bd1a8a953..1e49e5954 100644
--- a/translations/id/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/id/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Dengan menggunakan API C02 Signal dari tmrow untuk memantau konsumsi listrik, buatlah ekstensi browser sehingga Anda dapat menerima pengingat langsung di browser Anda tentang konsumsi listrik di wilayah Anda. Penggunaan ekstensi ini akan membantu Anda membuat keputusan berdasarkan informasi tersebut.
 
-![tangkapan layar ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![tangkapan layar ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu 'tiga titik' di sudut kanan atas browser untuk menemukan panel Ekstensi. Dari sana, pilih 'Muat ekstensi yang tidak dikompresi' untuk memuat ekstensi baru. Buka folder 'dist' saat diminta, dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API untuk API CO2 Signal ([dapatkan di sini melalui email](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman tersebut) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Peta Listrik](https://www.electricitymap.org/map) (di Boston, misalnya, saya menggunakan 'US-NEISO').
 
-![instalasi](../../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![instalasi](../../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antarmuka ekstensi, titik berwarna di bilah ekstensi browser akan berubah untuk mencerminkan konsumsi energi di wilayah Anda dan memberikan indikator tentang aktivitas yang sesuai untuk dilakukan berdasarkan konsumsi energi tersebut. Konsep di balik sistem 'titik' ini terinspirasi oleh [ekstensi Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/solution/translation/README.hi.md b/translations/id/5-browser-extension/solution/translation/README.hi.md
index 0a135be34..1d37eaf77 100644
--- a/translations/id/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/id/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API CO2 Signal dari tmrow untuk melacak penggunaan listrik, ekstensi browser ini dirancang untuk memberikan pengingat tentang seberapa berat penggunaan listrik di wilayah Anda langsung di browser Anda. Dengan menggunakan ekstensi ini, Anda dapat membuat keputusan berdasarkan informasi tersebut untuk aktivitas Anda.
 
-![Screenshot Ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![Screenshot Ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu 'tiga titik' di pojok kanan atas browser untuk menemukan panel ekstensi. Dari sana, pilih 'Load Unpacked' untuk memuat ekstensi baru. Pada prompt, buka folder 'dist' dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API CO2 Signal ([dapatkan melalui email di sini](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman tersebut) dan [kode wilayah Anda](http://api.electricitymap.org/v3/zones) dari [Electricity Map](https://www.electricitymap.org/map) (misalnya, di Boston, saya menggunakan 'US-NEISO').
 
-![installing](../../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antarmuka ekstensi, titik berwarna di bilah ekstensi browser Anda akan berubah untuk mencerminkan penggunaan energi di wilayah Anda dan memberikan indikator tentang aktivitas berat energi yang sesuai untuk dilakukan. Konsep sistem 'titik' ini terinspirasi oleh [Ekstensi Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/solution/translation/README.it.md b/translations/id/5-browser-extension/solution/translation/README.it.md
index 9012ff147..68ab2d8fd 100644
--- a/translations/id/5-browser-extension/solution/translation/README.it.md
+++ b/translations/id/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Kita akan menggunakan API Signal CO2 dari tmrow untuk memantau penggunaan listrik dan membuat ekstensi browser agar dapat memberikan pengingat langsung di browser tentang seberapa besar penggunaan listrik di wilayah kita. Penggunaan ekstensi ini akan membantu mengevaluasi aktivitas kita berdasarkan informasi tersebut.
 
-![tangkapan layar ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![tangkapan layar ekstensi](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu "tiga titik" di sudut kanan atas browser untuk menemukan panel Ekstensi. Jika belum aktif, aktifkan Mode Pengembang (di bagian kiri bawah). Pilih "Muat tanpa kompresi" untuk memuat ekstensi baru. Buka folder "dist" saat diminta, dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API untuk API CO2 Signal (Anda dapat [memperolehnya melalui email di sini](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman tersebut) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [peta listrik](https://www.electricitymap.org/map) (misalnya, di Boston, "US-NEISO").
 
-![instalasi](../../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![instalasi](../../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antarmuka ekstensi, titik berwarna di bilah ekstensi browser seharusnya berubah untuk mencerminkan penggunaan energi di wilayah tersebut dan memberikan petunjuk tentang aktivitas berenergi tinggi yang sesuai untuk dilakukan. Konsep di balik sistem "titik" ini terinspirasi oleh [ekstensi Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/solution/translation/README.ja.md b/translations/id/5-browser-extension/solution/translation/README.ja.md
index d1f6dec08..8a2d9b855 100644
--- a/translations/id/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/id/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Bangun ekstensi browser yang memungkinkan Anda menampilkan pengingat di browser tentang seberapa besar konsumsi listrik di wilayah Anda, menggunakan API CO2 Signal dari tmrow untuk melacak penggunaan listrik. Dengan menggunakan ekstensi ini secara ad-hoc, Anda dapat membuat keputusan berdasarkan informasi ini untuk aktivitas Anda.
 
-![extension screenshot](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstalnya di Edge, temukan panel "Ekstensi" dari menu "tiga titik" di kanan atas browser. Dari sana, pilih "Load Unpacked" untuk memuat ekstensi baru. Ketika diminta, buka folder "dist", dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan API key dari CO2 Signal API ([dapatkan di sini melalui email](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman tersebut) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Electricity Map](https://www.electricitymap.org/map) (misalnya, untuk Boston, gunakan 'US-NEISO').
 
-![installing](../../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah Anda memasukkan API key dan wilayah Anda di antarmuka ekstensi, titik berwarna yang muncul di bilah ekstensi browser akan berubah, mencerminkan konsumsi energi di wilayah Anda. Ini akan membantu Anda menentukan aktivitas apa yang sesuai berdasarkan kebutuhan energi. Konsep sistem "titik" ini terinspirasi oleh [Energy Lollipop extension](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/solution/translation/README.ms.md b/translations/id/5-browser-extension/solution/translation/README.ms.md
index 6973c1523..5ede79fe9 100644
--- a/translations/id/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/id/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API Sinyal CO2 dari tmrow untuk memantau penggunaan listrik, buat ekstensi peramban sehingga Anda dapat menerima peringatan di peramban Anda tentang seberapa besar konsumsi listrik di wilayah Anda. Menggunakan ekstensi ini secara khusus akan membantu Anda membuat keputusan tentang aktivitas Anda berdasarkan informasi tersebut.
 
-![tangkapan layar ekstensi peramban](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![tangkapan layar ekstensi peramban](../../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu 'tiga titik' di sudut kanan atas peramban untuk menemukan panel Ekstensi. Dari sana, pilih 'Load Unpacked' untuk memuat ekstensi baru. Buka folder 'dist' saat diminta, dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API untuk API Sinyal CO2 ([dapatkan satu di sini melalui email](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman tersebut) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Peta Listrik](https://www.electricitymap.org/map) (di Boston, misalnya, saya menggunakan 'US-NEISO').
 
-![sedang menginstal](../../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![sedang menginstal](../../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke antarmuka ekstensi, titik berwarna di bilah ekstensi peramban akan berubah untuk mencerminkan konsumsi energi di wilayah Anda dan memberikan petunjuk tentang aktivitas berat yang sesuai untuk Anda lakukan. Konsep di balik sistem 'titik' ini terinspirasi oleh [ekstensi peramban Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/5-browser-extension/start/README.md b/translations/id/5-browser-extension/start/README.md
index 8c5c7657f..b821cf8a6 100644
--- a/translations/id/5-browser-extension/start/README.md
+++ b/translations/id/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API C02 Signal dari tmrow untuk melacak penggunaan listrik, bangun sebuah ekstensi browser sehingga Anda dapat memiliki pengingat langsung di browser Anda tentang seberapa berat penggunaan listrik di wilayah Anda. Menggunakan ekstensi ini secara ad hoc akan membantu Anda membuat keputusan berdasarkan informasi ini.
 
-![screenshot ekstensi](../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot ekstensi](../../../../translated_images/id/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulai
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk menginstal di Edge, gunakan menu 'tiga titik' di sudut kanan atas browser untuk menemukan panel Ekstensi. Dari sana, pilih 'Load Unpacked' untuk memuat ekstensi baru. Buka folder 'dist' saat diminta, dan ekstensi akan dimuat. Untuk menggunakannya, Anda memerlukan kunci API untuk API CO2 Signal ([dapatkan di sini melalui email](https://www.co2signal.com/) - masukkan email Anda di kotak pada halaman ini) dan [kode untuk wilayah Anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Electricity Map](https://www.electricitymap.org/map) (misalnya, di Boston, saya menggunakan 'US-NEISO').
 
-![menginstal](../../../../translated_images/id/install-on-edge.78634f02842c4828.png)
+![menginstal](../../../../translated_images/id/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antarmuka ekstensi, titik berwarna di bilah ekstensi browser seharusnya berubah untuk mencerminkan penggunaan energi di wilayah Anda dan memberikan petunjuk tentang aktivitas berat energi apa yang sesuai untuk Anda lakukan. Konsep di balik sistem 'titik' ini terinspirasi oleh [ekstensi Energy Lollipop](https://energylollipop.com/) untuk emisi di California.
 
diff --git a/translations/id/6-space-game/2-drawing-to-canvas/README.md b/translations/id/6-space-game/2-drawing-to-canvas/README.md
index 68924b2cf..f9c845103 100644
--- a/translations/id/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/id/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![grid canvas](../../../../translated_images/id/canvas_grid.5f209da785ded492.png)
+![grid canvas](../../../../translated_images/id/canvas_grid.5f209da785ded492.webp)
 > Gambar dari [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Untuk menggambar di elemen canvas, Anda akan mengikuti proses tiga langkah yang sama yang membentuk dasar dari semua grafik canvas. Setelah Anda melakukannya beberapa kali, ini menjadi kebiasaan:
@@ -329,11 +329,11 @@ Anda akan membuat halaman web dengan elemen Canvas. Halaman tersebut harus menam
 
 - Kapal pahlawan
 
-   ![Kapal pahlawan](../../../../translated_images/id/player.dd24c1afa8c71e9b.png)
+   ![Kapal pahlawan](../../../../translated_images/id/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 monster
 
-   ![Kapal monster](../../../../translated_images/id/enemyShip.5df2a822c16650c2.png)
+   ![Kapal monster](../../../../translated_images/id/enemyShip.5df2a822c16650c2.webp)
 
 ### Langkah-langkah yang Direkomendasikan untuk Memulai Pengembangan
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Hasil akhir seharusnya terlihat seperti ini:
 
-![Layar hitam dengan seorang pahlawan dan 5*5 monster](../../../../translated_images/id/partI-solution.36c53b48c9ffae2a.png)
+![Layar hitam dengan seorang pahlawan dan 5*5 monster](../../../../translated_images/id/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Solusi
 
diff --git a/translations/id/6-space-game/5-keeping-score/README.md b/translations/id/6-space-game/5-keeping-score/README.md
index 8f4b742d7..41f0ba2f5 100644
--- a/translations/id/6-space-game/5-keeping-score/README.md
+++ b/translations/id/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **Sistem skor**: Setiap kapal musuh yang dihancurkan memberikan 100 poin (angka bulat lebih mudah dihitung secara mental oleh pemain). Skor ditampilkan di sudut kiri bawah.
-- **Penghitung nyawa**: Pahlawan Anda memulai dengan tiga nyawa - standar yang ditetapkan oleh game arcade awal untuk menyeimbangkan tantangan dengan kemampuan bermain. Setiap tabrakan dengan musuh mengurangi satu nyawa. Kita akan menampilkan nyawa yang tersisa di sudut kanan bawah menggunakan ikon kapal ![gambar nyawa](../../../../translated_images/id/life.6fb9f50d53ee0413.png).
+- **Penghitung nyawa**: Pahlawan Anda memulai dengan tiga nyawa - standar yang ditetapkan oleh game arcade awal untuk menyeimbangkan tantangan dengan kemampuan bermain. Setiap tabrakan dengan musuh mengurangi satu nyawa. Kita akan menampilkan nyawa yang tersisa di sudut kanan bawah menggunakan ikon kapal ![gambar nyawa](../../../../translated_images/id/life.6fb9f50d53ee0413.webp).
 
 ## Mari Mulai Membangun!
 
diff --git a/translations/id/7-bank-project/1-template-route/README.md b/translations/id/7-bank-project/1-template-route/README.md
index 400d17f8a..dce00c9a5 100644
--- a/translations/id/7-bank-project/1-template-route/README.md
+++ b/translations/id/7-bank-project/1-template-route/README.md
@@ -652,7 +652,7 @@ sequenceDiagram
 
 Menggunakan `history.pushState` menciptakan entri baru dalam riwayat navigasi browser. Anda dapat memeriksanya dengan menahan *tombol kembali* browser Anda, seharusnya menampilkan sesuatu seperti ini:
 
-![Screenshot riwayat navigasi](../../../../translated_images/id/history.7fdabbafa521e064.png)
+![Screenshot riwayat navigasi](../../../../translated_images/id/history.7fdabbafa521e064.webp)
 
 Jika Anda mencoba mengklik tombol kembali beberapa kali, Anda akan melihat bahwa URL saat ini berubah dan riwayat diperbarui, tetapi template yang sama tetap ditampilkan.
 
diff --git a/translations/id/7-bank-project/2-forms/README.md b/translations/id/7-bank-project/2-forms/README.md
index 8c4a0b1e1..5d3345b90 100644
--- a/translations/id/7-bank-project/2-forms/README.md
+++ b/translations/id/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ Pertama, mari kita amati apa yang terjadi dengan pengiriman formulir dasar:
 2. Amati perubahan di bilah alamat browser Anda
 3. Perhatikan bagaimana halaman memuat ulang dan data muncul di URL
 
-![Screenshot perubahan URL browser setelah mengklik tombol Register](../../../../translated_images/id/click-register.e89a30bf0d4bc9ca.png)
+![Screenshot perubahan URL browser setelah mengklik tombol Register](../../../../translated_images/id/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Perbandingan Metode HTTP
 
@@ -350,7 +350,7 @@ Mari kita konfigurasi formulir registrasi Anda untuk berkomunikasi dengan benar
 2. **Klik** tombol "Create Account"
 3. **Amati** respons server di browser Anda
 
-![Jendela browser di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/id/form-post.61de4ca1b964d91a.png)
+![Jendela browser di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/id/form-post.61de4ca1b964d91a.webp)
 
 **Apa yang harus Anda lihat:**
 - **Browser mengarahkan** ke URL endpoint API
@@ -615,7 +615,7 @@ async function register() {
 3. **Klik** "Buat Akun"
 4. **Amati** pesan konsol dan umpan balik pengguna
 
-![Screenshot menunjukkan pesan log di konsol browser](../../../../translated_images/id/browser-console.efaf0b51aaaf6778.png)
+![Screenshot menunjukkan pesan log di konsol browser](../../../../translated_images/id/browser-console.efaf0b51aaaf6778.webp)
 
 **Apa yang harus Anda lihat:**
 - **Status pemuatan** muncul di tombol kirim
@@ -790,7 +790,7 @@ Mari tingkatkan formulir registrasi Anda dengan validasi yang kuat yang memberik
 3. **Coba** karakter khusus di bidang nama pengguna
 4. **Masukkan** jumlah saldo negatif
 
-![Screenshot menunjukkan kesalahan validasi saat mencoba mengirimkan formulir](../../../../translated_images/id/validation-error.8bd23e98d416c22f.png)
+![Screenshot menunjukkan kesalahan validasi saat mencoba mengirimkan formulir](../../../../translated_images/id/validation-error.8bd23e98d416c22f.webp)
 
 **Apa yang akan Anda amati:**
 - **Browser menampilkan** pesan validasi bawaan
@@ -952,7 +952,7 @@ Tampilkan pesan kesalahan di HTML jika pengguna sudah ada.
 
 Berikut adalah contoh tampilan halaman login setelah ditambahkan beberapa gaya CSS:
 
-![Screenshot halaman login setelah menambahkan gaya CSS](../../../../translated_images/id/result.96ef01f607bf856a.png)
+![Screenshot halaman login setelah menambahkan gaya CSS](../../../../translated_images/id/result.96ef01f607bf856a.webp)
 
 ## Kuis Pasca-Pelajaran
 
diff --git a/translations/id/7-bank-project/3-data/README.md b/translations/id/7-bank-project/3-data/README.md
index fd313aacd..eb6f370b2 100644
--- a/translations/id/7-bank-project/3-data/README.md
+++ b/translations/id/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![Alur pembaruan dalam aplikasi multi-halaman](../../../../translated_images/id/mpa.7f7375a1a2d4aa77.png)
+![Alur pembaruan dalam aplikasi multi-halaman](../../../../translated_images/id/mpa.7f7375a1a2d4aa77.webp)
 
 **Mengapa pendekatan ini terasa kaku:**
 - Setiap klik berarti membangun ulang seluruh halaman dari awal
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![Alur pembaruan dalam aplikasi satu halaman](../../../../translated_images/id/spa.268ec73b41f992c2.png)
+![Alur pembaruan dalam aplikasi satu halaman](../../../../translated_images/id/spa.268ec73b41f992c2.webp)
 
 **Mengapa SPA terasa jauh lebih baik:**
 - Hanya bagian yang benar-benar berubah yang diperbarui (cerdas, bukan?)
@@ -523,7 +523,7 @@ if (data.error) {
 
 Sekarang ketika Anda menguji dengan akun yang tidak valid, Anda akan melihat pesan kesalahan yang berguna langsung di halaman!
 
-![Screenshot menunjukkan pesan kesalahan yang ditampilkan saat login](../../../../translated_images/id/login-error.416fe019b36a6327.png)
+![Screenshot menunjukkan pesan kesalahan yang ditampilkan saat login](../../../../translated_images/id/login-error.416fe019b36a6327.webp)
 
 #### Langkah 4: Menjadi Inklusif dengan Aksesibilitas
 
@@ -961,7 +961,7 @@ Siap membawa aplikasi perbankan Anda ke tingkat berikutnya? Mari buat aplikasi i
 
 Berikut tampilan dashboard yang sudah dipoles:
 
-![Screenshot dari contoh hasil dashboard setelah styling](../../../../translated_images/id/screen2.123c82a831a1d14a.png)
+![Screenshot dari contoh hasil dashboard setelah styling](../../../../translated_images/id/screen2.123c82a831a1d14a.webp)
 
 Jangan merasa harus meniru ini persis - gunakan sebagai inspirasi dan buat versi Anda sendiri!
 
diff --git a/translations/id/7-bank-project/4-state-management/README.md b/translations/id/7-bank-project/4-state-management/README.md
index 7af94dda8..ff36d4ead 100644
--- a/translations/id/7-bank-project/4-state-management/README.md
+++ b/translations/id/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ Seperti desain kompartemen Titanic yang tampak kokoh hingga beberapa kompartemen
 
 Alih-alih mengejar ekor kita sendiri, kita akan membuat sistem **manajemen state terpusat**. Anggap saja seperti memiliki satu orang yang sangat terorganisir yang bertanggung jawab atas semua hal penting:
 
-![Skema yang menunjukkan aliran data antara HTML, tindakan pengguna, dan state](../../../../translated_images/id/data-flow.fa2354e0908fecc8.png)
+![Skema yang menunjukkan aliran data antara HTML, tindakan pengguna, dan state](../../../../translated_images/id/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -804,7 +804,7 @@ Tantangan ini akan membantu Anda berpikir seperti pengembang profesional yang me
 
 Berikut adalah contoh hasil setelah menyelesaikan tugas:
 
-![Screenshot menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/id/dialog.93bba104afeb79f1.png)
+![Screenshot menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/id/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/id/7-bank-project/4-state-management/assignment.md b/translations/id/7-bank-project/4-state-management/assignment.md
index 09e374c68..78192ca49 100644
--- a/translations/id/7-bank-project/4-state-management/assignment.md
+++ b/translations/id/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Lihat [dokumentasi API server](../api/README.md) untuk:
 **Hasil yang Diharapkan:**
 Setelah menyelesaikan tugas ini, aplikasi perbankan Anda harus memiliki fitur "Tambah Transaksi" yang berfungsi penuh dan terlihat profesional:
 
-![Screenshot yang menunjukkan contoh dialog "Tambah Transaksi"](../../../../translated_images/id/dialog.93bba104afeb79f1.png)
+![Screenshot yang menunjukkan contoh dialog "Tambah Transaksi"](../../../../translated_images/id/dialog.93bba104afeb79f1.webp)
 
 ## Pengujian Implementasi Anda
 
diff --git a/translations/id/7-bank-project/README.md b/translations/id/7-bank-project/README.md
index 8d5a36f54..9fff233d6 100644
--- a/translations/id/7-bank-project/README.md
+++ b/translations/id/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Dalam proyek ini, Anda akan belajar cara membangun bank fiksi. Pelajaran ini mencakup instruksi tentang cara merancang aplikasi web dan menyediakan rute, membuat formulir, mengelola state, serta mengambil data dari API yang memungkinkan Anda mendapatkan data bank.
 
-| ![Screen1](../../../translated_images/id/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/id/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/id/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/id/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Pelajaran
diff --git a/translations/id/8-code-editor/1-using-a-code-editor/README.md b/translations/id/8-code-editor/1-using-a-code-editor/README.md
index 4e4c2164e..908474bdb 100644
--- a/translations/id/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/id/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ Seperti bagaimana telepon Alexander Graham Bell menghubungkan lokasi yang jauh,
 
 Setelah semuanya dimuat, Anda akan melihat ruang kerja yang bersih dan indah yang dirancang untuk membuat Anda fokus pada hal yang penting – kode Anda!
 
-![Antarmuka default VSCode.dev](../../../../translated_images/id/default-vscode-dev.5d06881d65c1b323.png)
+![Antarmuka default VSCode.dev](../../../../translated_images/id/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Berikut tur singkatnya:**
 - **Activity Bar** (strip di sebelah kiri): Navigasi utama Anda dengan Explorer 📁, Pencarian 🔍, Source Control 🌿, Ekstensi 🧩, dan Pengaturan ⚙️
@@ -233,7 +233,7 @@ Ini sempurna saat Anda memulai dari awal di VSCode.dev dan ingin membuka reposit
 1. Pergi ke [vscode.dev](https://vscode.dev) jika Anda belum ada di sana
 2. Cari tombol "Open Remote Repository" di layar selamat datang dan klik
 
-   ![Buka repositori remote](../../../../translated_images/id/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Buka repositori remote](../../../../translated_images/id/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Tempelkan URL repositori GitHub mana pun (coba yang ini: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Tekan Enter dan lihat keajaibannya!
@@ -242,7 +242,7 @@ Ini sempurna saat Anda memulai dari awal di VSCode.dev dan ingin membuka reposit
 
 Ingin merasa seperti penyihir kode? Coba pintasan keyboard ini: Ctrl+Shift+P (atau Cmd+Shift+P di Mac) untuk membuka Command Palette:
 
-![Command Palette](../../../../translated_images/id/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/id/palette-menu.4946174e07f42622.webp)
 
 **Command Palette seperti mesin pencari untuk semua yang bisa Anda lakukan:**
 - Ketik "open remote" dan itu akan menemukan pembuka repositori untuk Anda
@@ -304,7 +304,7 @@ Seperti mengatur cetak biru di kantor arsitek, pembuatan file di VSCode.dev meng
 3. Masukkan nama file termasuk ekstensi yang sesuai (`style.css`, `script.js`, `index.html`)
 4. Tekan Enter untuk membuat file
 
-![Membuat file baru](../../../../translated_images/id/create-new-file.2814e609c2af9aeb.png)
+![Membuat file baru](../../../../translated_images/id/create-new-file.2814e609c2af9aeb.webp)
 
 **Konvensi penamaan:**
 - Gunakan nama deskriptif yang menunjukkan tujuan file
@@ -322,7 +322,7 @@ Di sinilah kesenangan sebenarnya dimulai! Editor VSCode.dev penuh dengan fitur y
 2. Mulai mengetik dan lihat VSCode.dev membantu Anda dengan warna, saran, dan deteksi kesalahan
 3. Simpan pekerjaan Anda dengan Ctrl+S (Windows/Linux) atau Cmd+S (Mac) – meskipun juga menyimpan otomatis!
 
-![Mengedit file di VSCode.dev](../../../../translated_images/id/edit-a-file.52c0ee665ef19f08.png)
+![Mengedit file di VSCode.dev](../../../../translated_images/id/edit-a-file.52c0ee665ef19f08.webp)
 
 **Hal keren yang terjadi saat Anda mengkode:**
 - Kode Anda diberi warna sehingga mudah dibaca
@@ -343,7 +343,7 @@ Seperti bagaimana arkeolog membuat catatan rinci tentang lapisan penggalian, Git
 2. File yang dimodifikasi muncul di bagian "Changes"
 3. Kode warna menunjukkan jenis perubahan: hijau untuk penambahan, merah untuk penghapusan
 
-![Melihat perubahan di Source Control](../../../../translated_images/id/working-tree.c58eec08e6335c79.png)
+![Melihat perubahan di Source Control](../../../../translated_images/id/working-tree.c58eec08e6335c79.webp)
 
 **Menyimpan pekerjaan Anda (alur kerja commit):**
 
@@ -438,7 +438,7 @@ Marketplace ekstensi sangat terorganisir, jadi Anda tidak akan tersesat saat men
 2. Jelajahi atau cari sesuatu yang spesifik
 3. Klik apa pun yang terlihat menarik untuk mempelajari lebih lanjut
 
-![Antarmuka marketplace ekstensi](../../../../translated_images/id/extensions.eca0e0c7f59a10b5.png)
+![Antarmuka marketplace ekstensi](../../../../translated_images/id/extensions.eca0e0c7f59a10b5.webp)
 
 **Apa yang akan Anda temukan di sana:**
 
@@ -491,7 +491,7 @@ Sebagian besar ekstensi memiliki pengaturan yang dapat Anda sesuaikan agar beker
 3. Pilih "Pengaturan Ekstensi" dari dropdown
 4. Sesuaikan hingga terasa pas untuk alur kerja Anda
 
-![Menyesuaikan pengaturan ekstensi](../../../../translated_images/id/extension-settings.21c752ae4f4cdb78.png)
+![Menyesuaikan pengaturan ekstensi](../../../../translated_images/id/extension-settings.21c752ae4f4cdb78.webp)
 
 **Hal-hal umum yang mungkin ingin Anda sesuaikan:**
 - Bagaimana kode Anda diformat (tab vs spasi, panjang baris, dll.)
diff --git a/translations/id/8-code-editor/1-using-a-code-editor/assignment.md b/translations/id/8-code-editor/1-using-a-code-editor/assignment.md
index 65fc2d237..14646190e 100644
--- a/translations/id/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/id/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Karena VSCode.dev membutuhkan setidaknya satu file untuk membuka repositori, kit
 4. **Tulis** pesan commit: "Tambahkan struktur HTML awal"
 5. **Klik** "Commit new file" untuk menyimpan perubahan Anda
 
-![Membuat file awal di GitHub](../../../../translated_images/id/new-file-github.com.c886796d800e8056.png)
+![Membuat file awal di GitHub](../../../../translated_images/id/new-file-github.com.c886796d800e8056.webp)
 
 **Apa yang dicapai oleh pengaturan awal ini:**
 - **Membangun** struktur dokumen HTML5 yang tepat dengan elemen semantik
@@ -104,7 +104,7 @@ Setelah fondasi repositori Anda dibuat, mari beralih ke VSCode.dev untuk pekerja
 
 ✅ **Indikator keberhasilan**: Anda akan melihat file proyek Anda di sidebar Explorer dan `index.html` tersedia untuk diedit di area editor utama.
 
-![Proyek dimuat di VSCode.dev](../../../../translated_images/id/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Proyek dimuat di VSCode.dev](../../../../translated_images/id/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Apa yang akan Anda lihat di antarmuka:**
 - **Sidebar Explorer**: **Menampilkan** file dan struktur folder repositori Anda
@@ -448,7 +448,7 @@ Ekstensi meningkatkan pengalaman pengembangan Anda dengan menyediakan kemampuan
 **Hasil langsung setelah instalasi:**
 Setelah CodeSwing diinstal, Anda akan melihat preview langsung dari website resume Anda muncul di editor. Ini memungkinkan Anda melihat dengan tepat bagaimana tampilan situs Anda saat Anda membuat perubahan.
 
-![Ekstensi CodeSwing menampilkan preview langsung](../../../../translated_images/id/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Ekstensi CodeSwing menampilkan preview langsung](../../../../translated_images/id/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Memahami antarmuka yang ditingkatkan:**
 - **Tampilan terpisah**: **Menampilkan** kode Anda di satu sisi dan preview langsung di sisi lain
diff --git a/translations/id/9-chat-project/README.md b/translations/id/9-chat-project/README.md
index c49cb0b35..ba5c6bb66 100644
--- a/translations/id/9-chat-project/README.md
+++ b/translations/id/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 Berikut adalah tampilan proyek akhir Anda:
 
-![Antarmuka aplikasi chat yang menunjukkan percakapan antara pengguna dan asisten AI](../../../translated_images/id/screenshot.0a1ee0d123df681b.png)
+![Antarmuka aplikasi chat yang menunjukkan percakapan antara pengguna dan asisten AI](../../../translated_images/id/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Perjalanan Belajar Anda Melalui Pengembangan Aplikasi AI
 
@@ -194,7 +194,7 @@ mindmap
 
 **Prinsip Inti**: Pengembangan aplikasi AI menggabungkan keterampilan pengembangan web tradisional dengan integrasi layanan AI, menciptakan aplikasi cerdas yang terasa alami dan responsif bagi pengguna.
 
-![Antarmuka GitHub Models AI Playground dengan pilihan model dan area pengujian](../../../translated_images/id/playground.d2b927122224ff8f.png)
+![Antarmuka GitHub Models AI Playground dengan pilihan model dan area pengujian](../../../translated_images/id/playground.d2b927122224ff8f.webp)
 
 **Inilah yang membuat playground sangat berguna:**
 - **Coba** berbagai model AI seperti GPT-4o-mini, Claude, dan lainnya (semuanya gratis!)
@@ -204,7 +204,7 @@ mindmap
 
 Setelah Anda mencoba-coba sedikit, cukup klik tab "Code" dan pilih bahasa pemrograman Anda untuk mendapatkan kode implementasi yang Anda butuhkan.
 
-![Pilihan playground menunjukkan opsi pembuatan kode untuk berbagai bahasa pemrograman](../../../translated_images/id/playground-choice.1d23ba7d407f4758.png)
+![Pilihan playground menunjukkan opsi pembuatan kode untuk berbagai bahasa pemrograman](../../../translated_images/id/playground-choice.1d23ba7d407f4758.webp)
 
 ## Menyiapkan Integrasi Backend Python
 
@@ -2365,14 +2365,14 @@ Ingin mencoba proyek ini di lingkungan pengembangan cloud? GitHub Codespaces men
 - **Arahkan** ke [repository Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Klik** "Use this template" di sudut kanan atas (pastikan Anda sudah masuk ke GitHub)  
 
-![Antarmuka pembuatan dari template yang menunjukkan tombol hijau "Use this template"](../../../translated_images/id/template.67ad477109d29a2b.png)  
+![Antarmuka pembuatan dari template yang menunjukkan tombol hijau "Use this template"](../../../translated_images/id/template.67ad477109d29a2b.webp)  
 
 **Langkah 2: Luncurkan Codespaces**  
 - **Buka** repository yang baru Anda buat  
 - **Klik** tombol hijau "Code" dan pilih "Codespaces"  
 - **Pilih** "Create codespace on main" untuk memulai lingkungan pengembangan Anda  
 
-![Antarmuka pembuatan codespace dengan opsi untuk meluncurkan lingkungan pengembangan cloud](../../../translated_images/id/codespace.bcecbdf5d2747d3d.png)  
+![Antarmuka pembuatan codespace dengan opsi untuk meluncurkan lingkungan pengembangan cloud](../../../translated_images/id/codespace.bcecbdf5d2747d3d.webp)  
 
 **Langkah 3: Konfigurasi Lingkungan**  
 Setelah Codespace Anda dimuat, Anda akan memiliki akses ke:  
diff --git a/translations/id/README.md b/translations/id/README.md
index bff0a073d..afe144b37 100644
--- a/translations/id/README.md
+++ b/translations/id/README.md
@@ -72,13 +72,13 @@ Jangan lewatkan kurikulum Generative AI baru kami!
 
 Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulai!
 
-![Latar Belakang](../../translated_images/id/background.148a8d43afde5730.png)
+![Latar Belakang](../../translated_images/id/background.148a8d43afde5730.webp)
 
 - Pelajaran mencakup segala sesuatu dari dasar hingga RAG.
 - Berinteraksilah dengan karakter sejarah menggunakan GenAI dan aplikasi pendamping kami.
 - Narasi yang menyenangkan dan menarik, Anda akan melakukan perjalanan waktu!
 
-![karakter](../../translated_images/id/character.5c0dd8e067ffd693.png)
+![karakter](../../translated_images/id/character.5c0dd8e067ffd693.webp)
 
 
 Setiap pelajaran mencakup tugas untuk diselesaikan, pemeriksaan pengetahuan, dan tantangan untuk membimbing Anda mempelajari topik seperti:
@@ -115,7 +115,7 @@ Ikuti langkah-langkah ini:
 
 Dalam salinan repository ini yang Anda buat, klik tombol **Code** dan pilih **Open with Codespaces**. Ini akan membuat Codespace baru untuk Anda bekerja di dalamnya.
 
-![Codespace](../../translated_images/id/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/id/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Menjalankan kurikulum secara lokal di komputer Anda
 
diff --git a/translations/id/for-teachers.md b/translations/id/for-teachers.md
index 9ad136af2..33ab0c7fe 100644
--- a/translations/id/for-teachers.md
+++ b/translations/id/for-teachers.md
@@ -42,10 +42,10 @@ Kurikulum ini mencakup paket yang dapat diimpor untuk alur kerja LMS umum.
   - Moodle Cloud memiliki dukungan Common Cartridge yang terbatas. Lebih baik gunakan file Moodle di atas, yang juga dapat diunggah ke Canvas.
   - Setelah diimpor, tinjau modul, tanggal jatuh tempo, dan pengaturan kuis agar sesuai dengan jadwal semester Anda.
 
-![Moodle](../../translated_images/id/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/id/moodle.94eb93d714a50cb2.webp)
 > Kurikulum di kelas Moodle
 
-![Canvas](../../translated_images/id/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/id/canvas.fbd605ff8e5b8aff.webp)
 > Kurikulum di Canvas
 
 ### Penggunaan repositori secara langsung (tanpa Classroom)
diff --git a/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index c5307986e..b0417762e 100644
--- a/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Ascolta, capisco perfettamente se la programmazione ti sembra intimidatoria in q
 
 Oggi esploreremo gli incredibili strumenti che rendono possibile, e seriamente coinvolgente, lo sviluppo web moderno. Sto parlando degli stessi editor, browser e flussi di lavoro che gli sviluppatori di Netflix, Spotify e del tuo studio di app indie preferito usano ogni giorno. Ecco la parte che ti farà ballare dalla gioia: la maggior parte di questi strumenti professionali e standard del settore sono completamente gratuiti!
 
-![Intro Programming](../../../../translated_images/it/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/it/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/it/1-getting-started-lessons/2-github-basics/README.md b/translations/it/1-getting-started-lessons/2-github-basics/README.md
index 91788fa32..5e0873113 100644
--- a/translations/it/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/it/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ So che all'inizio potrebbe sembrare tutto un po' complicato – ricordo ancora q
 
 Faremo questo viaggio insieme, un passo alla volta. Niente fretta, niente pressione – solo tu, io e alcuni strumenti davvero fantastici che stanno per diventare i tuoi nuovi migliori amici!
 
-![Introduzione a GitHub](../../../../translated_images/it/webdev101-github.8846d7971abef6f9.png)
+![Introduzione a GitHub](../../../../translated_images/it/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -604,7 +604,7 @@ Per prima cosa, troviamo un repository (o **repo**) su GitHub che ti interessa e
 
 ✅ Un buon modo per trovare repository 'adatti ai principianti' è [cercare con il tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Copia un repo localmente](../../../../translated_images/it/clone_repo.5085c48d666ead57.png)
+![Copia un repo localmente](../../../../translated_images/it/clone_repo.5085c48d666ead57.webp)
 
 Ci sono diversi modi per copiare il codice. Uno di questi è "clonare" i contenuti del repository, utilizzando HTTPS, SSH o il GitHub CLI (Command Line Interface).
 
diff --git a/translations/it/1-getting-started-lessons/3-accessibility/README.md b/translations/it/1-getting-started-lessons/3-accessibility/README.md
index 1112bf0a7..3e5602b92 100644
--- a/translations/it/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/it/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Creare Pagine Web Accessibili
 
-![Tutto sull'accessibilità](../../../../translated_images/it/webdev101-a11y.8ef3025c858d897a.png)
+![Tutto sull'accessibilità](../../../../translated_images/it/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/it/2-js-basics/1-data-types/README.md b/translations/it/2-js-basics/1-data-types/README.md
index 1c803fb85..365b8b099 100644
--- a/translations/it/2-js-basics/1-data-types/README.md
+++ b/translations/it/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Nozioni di base su JavaScript: Tipi di dati
 
-![Nozioni di base su JavaScript - Tipi di dati](../../../../translated_images/it/webdev101-js-datatypes.4cc470179730702c.png)
+![Nozioni di base su JavaScript - Tipi di dati](../../../../translated_images/it/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/it/2-js-basics/2-functions-methods/README.md b/translations/it/2-js-basics/2-functions-methods/README.md
index ca7b30e99..e2e297457 100644
--- a/translations/it/2-js-basics/2-functions-methods/README.md
+++ b/translations/it/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Fondamenti di JavaScript: Metodi e Funzioni
 
-![Fondamenti di JavaScript - Funzioni](../../../../translated_images/it/webdev101-js-functions.be049c4726e94f8b.png)
+![Fondamenti di JavaScript - Funzioni](../../../../translated_images/it/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/it/2-js-basics/3-making-decisions/README.md b/translations/it/2-js-basics/3-making-decisions/README.md
index 71e81367a..1fce676a2 100644
--- a/translations/it/2-js-basics/3-making-decisions/README.md
+++ b/translations/it/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Fondamenti di JavaScript: Prendere decisioni
 
-![Fondamenti di JavaScript - Prendere decisioni](../../../../translated_images/it/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![Fondamenti di JavaScript - Prendere decisioni](../../../../translated_images/it/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/it/2-js-basics/4-arrays-loops/README.md b/translations/it/2-js-basics/4-arrays-loops/README.md
index 36e6a3f00..8629e3cc0 100644
--- a/translations/it/2-js-basics/4-arrays-loops/README.md
+++ b/translations/it/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Fondamenti di JavaScript: Array e Cicli
 
-![Fondamenti di JavaScript - Array](../../../../translated_images/it/webdev101-js-arrays.439d7528b8a29455.png)
+![Fondamenti di JavaScript - Array](../../../../translated_images/it/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/it/3-terrarium/1-intro-to-html/README.md b/translations/it/3-terrarium/1-intro-to-html/README.md
index 0ca0311b0..0afa72d15 100644
--- a/translations/it/3-terrarium/1-intro-to-html/README.md
+++ b/translations/it/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![Introduzione a HTML](../../../../translated_images/it/webdev101-html.4389c2067af68e98.png)
+![Introduzione a HTML](../../../../translated_images/it/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, o HyperText Markup Language, è la base di ogni sito web che tu abbia mai visitato. Pensa a HTML come allo scheletro che dà struttura alle pagine web – definisce dove va il contenuto, come è organizzato e cosa rappresenta ogni elemento. Mentre CSS "vestirà" il tuo HTML con colori e layout, e JavaScript lo animerà con interattività, HTML fornisce la struttura essenziale che rende tutto il resto possibile.
@@ -88,7 +88,7 @@ Creerai una cartella dedicata per il tuo progetto terrario e aggiungerai il tuo
 4. Nel pannello Esplora, clicca sull'icona "Nuovo File"
 5. Nomina il file `index.html`
 
-![Esplora di VS Code che mostra la creazione di un nuovo file](../../../../translated_images/it/vs-code-index.e2986cf919471eb9.png)
+![Esplora di VS Code che mostra la creazione di un nuovo file](../../../../translated_images/it/vs-code-index.e2986cf919471eb9.webp)
 
 **Opzione 2: Usare Comandi del Terminale**
 ```bash
diff --git a/translations/it/3-terrarium/2-intro-to-css/README.md b/translations/it/3-terrarium/2-intro-to-css/README.md
index 60e953be8..5a3b70214 100644
--- a/translations/it/3-terrarium/2-intro-to-css/README.md
+++ b/translations/it/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![Introduzione al CSS](../../../../translated_images/it/webdev101-css.3f7af5991bf53a20.png)
+![Introduzione al CSS](../../../../translated_images/it/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Ricordi com'era il tuo terrarium HTML, piuttosto semplice? Con il CSS possiamo trasformare quella struttura essenziale in qualcosa di visivamente accattivante.
@@ -205,7 +205,7 @@ body {
 
 Apri gli strumenti per sviluppatori del tuo browser (F12), vai alla scheda Elementi e ispeziona il tuo elemento `<h1>`. Vedrai che eredita la famiglia di font dal body:
 
-![font ereditato](../../../../translated_images/it/1.cc07a5cbe114ad1d.png)
+![font ereditato](../../../../translated_images/it/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Tempo di Esperimento**: Prova a impostare altre proprietà ereditabili sul `<body>` come `color`, `line-height` o `text-align`. Cosa succede al tuo titolo e agli altri elementi?
 
@@ -599,7 +599,7 @@ Pronto a migliorare il tuo terrario con riflessi realistici sul vetro? Questa te
 
 Creerai sottili riflessi che simulano come la luce si riflette sulle superfici di vetro. Questo approccio è simile a come i pittori rinascimentali come Jan van Eyck utilizzavano luce e riflessi per far apparire il vetro dipinto tridimensionale. Ecco cosa stai cercando di ottenere:
 
-![terrario finito](../../../../translated_images/it/terrarium-final.2f07047ffc597d0a.png)
+![terrario finito](../../../../translated_images/it/terrarium-final.2f07047ffc597d0a.webp)
 
 **La tua sfida:**
 - **Crea** forme ovali sottili bianche o di colore chiaro per i riflessi sul vetro
diff --git a/translations/it/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/it/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 9f593e93e..e3e293e81 100644
--- a/translations/it/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/it/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM e una closure](../../../../translated_images/it/webdev101-js.10280393044d7eaa.png)
+![DOM e una closure](../../../../translated_images/it/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Benvenuti in uno degli aspetti più coinvolgenti dello sviluppo web: rendere le cose interattive! Il Document Object Model (DOM) è come un ponte tra il tuo HTML e JavaScript, e oggi lo useremo per dare vita al tuo terrarium. Quando Tim Berners-Lee ha creato il primo browser web, immaginava un web in cui i documenti potessero essere dinamici e interattivi - il DOM rende possibile questa visione.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![Rappresentazione dell'albero DOM](../../../../translated_images/it/dom-tree.7daf0e763cbbba92.png)
+![Rappresentazione dell'albero DOM](../../../../translated_images/it/dom-tree.7daf0e763cbbba92.webp)
 
 > Una rappresentazione del DOM e del markup HTML che lo fa riferimento. Da [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **Comprendere le Closures**: Le closures sono un argomento significativo in JavaScript, e molti sviluppatori le usano per anni prima di comprendere appieno tutti gli aspetti teorici. Oggi ci concentreremo sull'applicazione pratica - vedrai che le closures emergono naturalmente mentre costruiamo le nostre funzionalità interattive. La comprensione si svilupperà man mano che vedrai come risolvono problemi reali.
 
-![Rappresentazione dell'albero DOM](../../../../translated_images/it/dom-tree.7daf0e763cbbba92.png)
+![Rappresentazione dell'albero DOM](../../../../translated_images/it/dom-tree.7daf0e763cbbba92.webp)
 
 > Una rappresentazione del DOM e del markup HTML che lo fa riferimento. Da [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -598,7 +598,7 @@ Ora testa il tuo terrario interattivo! Apri il file `index.html` in un browser w
 - **Supporto cross-device**: Funziona su desktop e dispositivi mobili
 - **Consapevolezza delle prestazioni**: Nessuna perdita di memoria o calcoli ridondanti
 
-![terrario finito](../../../../translated_images/it/terrarium-final.0920f16e87c13a84.png)
+![terrario finito](../../../../translated_images/it/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/it/3-terrarium/solution/README.md b/translations/it/3-terrarium/solution/README.md
index b343f4470..db4d870a7 100644
--- a/translations/it/3-terrarium/solution/README.md
+++ b/translations/it/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Una piccola meditazione di codice con drag and drop. Con un po' di HTML, JS e CSS, puoi creare un'interfaccia web, stilizzarla e aggiungere un'interazione.
 
-![il mio terrario](../../../../translated_images/it/screenshot_gray.0c796099a1f9f25e.png)
+![il mio terrario](../../../../translated_images/it/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Crediti
 
diff --git a/translations/it/5-browser-extension/1-about-browsers/README.md b/translations/it/5-browser-extension/1-about-browsers/README.md
index 418ee4a16..92830772d 100644
--- a/translations/it/5-browser-extension/1-about-browsers/README.md
+++ b/translations/it/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![Schizzo del browser](../../../../translated_images/it/browser.60317c9be8b7f84a.jpg)
+![Schizzo del browser](../../../../translated_images/it/browser.60317c9be8b7f84a.webp)
 > Schizzo di [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Quiz Pre-Lezione
@@ -79,7 +79,7 @@ Questo processo rispecchia il modo in cui il primo browser web, WorldWideWeb, è
 
 ✅ **Un po' di storia**: Il primo browser si chiamava 'WorldWideWeb' ed è stato creato da Sir Timothy Berners-Lee nel 1990.
 
-![primi browser](../../../../translated_images/it/earlybrowsers.d984b711cdf3a42d.jpg)
+![primi browser](../../../../translated_images/it/earlybrowsers.d984b711cdf3a42d.webp)
 > Alcuni dei primi browser, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Come i Browser Elaborano i Contenuti Web
@@ -198,7 +198,7 @@ quadrantChart
 
 Comprendere il processo di installazione delle estensioni ti aiuta a prevedere l'esperienza utente quando le persone installano la tua estensione. Il processo di installazione è standardizzato nei browser moderni, con lievi variazioni nel design dell'interfaccia.
 
-![screenshot del browser Edge che mostra la pagina edge://extensions aperta e il menu delle impostazioni aperto](../../../../translated_images/it/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot del browser Edge che mostra la pagina edge://extensions aperta e il menu delle impostazioni aperto](../../../../translated_images/it/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Importante**: Assicurati di attivare la modalità sviluppatore e consentire estensioni da altri store quando testi le tue estensioni.
 
@@ -313,10 +313,10 @@ Questo segue il principio della divulgazione progressiva utilizzato nel design d
 ### Panoramica delle Visualizzazioni dell'Estensione
 
 **Vista di Configurazione** - Configurazione iniziale dell'utente:
-![screenshot dell'estensione completata aperta in un browser, che mostra un modulo con campi di input per nome della regione e chiave API.](../../../../translated_images/it/1.b6da8c1394b07491.png)
+![screenshot dell'estensione completata aperta in un browser, che mostra un modulo con campi di input per nome della regione e chiave API.](../../../../translated_images/it/1.b6da8c1394b07491.webp)
 
 **Vista dei Risultati** - Visualizzazione dei dati sull'impronta di carbonio:
-![screenshot dell'estensione completata che mostra valori per l'uso di carbonio e la percentuale di combustibili fossili per la regione US-NEISO.](../../../../translated_images/it/2.1dae52ff08042246.png)
+![screenshot dell'estensione completata che mostra valori per l'uso di carbonio e la percentuale di combustibili fossili per la regione US-NEISO.](../../../../translated_images/it/2.1dae52ff08042246.webp)
 
 ### Creare il Modulo di Configurazione
 
diff --git a/translations/it/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/it/5-browser-extension/2-forms-browsers-local-storage/README.md
index 9f0e39091..bf309fb39 100644
--- a/translations/it/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/it/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Pannello di local storage](../../../../translated_images/it/localstorage.472f8147b6a3f8d1.png)
+![Pannello di local storage](../../../../translated_images/it/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Considerazione sulla Sicurezza**: Nelle applicazioni di produzione, memorizzare le chiavi API nella LocalStorage comporta rischi di sicurezza poiché JavaScript può accedere a questi dati. Per scopi didattici, questo approccio va bene, ma le applicazioni reali dovrebbero utilizzare archiviazione sicura lato server per credenziali sensibili.
 
diff --git a/translations/it/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/it/5-browser-extension/3-background-tasks-and-performance/README.md
index b69f8deba..6f9db0a1e 100644
--- a/translations/it/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/it/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Per aprire gli Strumenti per Sviluppatori in Edge, clicca sui tre puntini in alt
 
 Proviamolo. Apri un sito web (Microsoft.com funziona bene per questo) e clicca sul pulsante 'Registra'. Ora aggiorna la pagina e osserva il profiler catturare tutto ciò che accade. Quando interrompi la registrazione, vedrai una ripartizione dettagliata di come il browser 'scrive', 'renderizza' e 'dipinge' il sito. Mi ricorda come il controllo missione monitori ogni sistema durante un lancio di razzi - ottieni dati in tempo reale su ciò che sta accadendo e quando.
 
-![Profiler Edge](../../../../translated_images/it/profiler.5a4a62479c5df01c.png)
+![Profiler Edge](../../../../translated_images/it/profiler.5a4a62479c5df01c.webp)
 
 ✅ La [Documentazione Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ha tantissimi dettagli se vuoi approfondire.
 
@@ -136,11 +136,11 @@ Seleziona gli elementi della timeline del profilo per ingrandire gli eventi che
 
 Ottieni un'istantanea delle prestazioni della tua pagina selezionando una parte della timeline del profilo e guardando il pannello di riepilogo:
 
-![Snapshot profiler Edge](../../../../translated_images/it/snapshot.97750180ebcad737.png)
+![Snapshot profiler Edge](../../../../translated_images/it/snapshot.97750180ebcad737.webp)
 
 Controlla il pannello del registro eventi per vedere se qualche evento ha impiegato più di 15 ms:
 
-![Registro eventi Edge](../../../../translated_images/it/log.804026979f3707e0.png)
+![Registro eventi Edge](../../../../translated_images/it/log.804026979f3707e0.webp)
 
 ✅ Familiarizza con il tuo profiler! Apri gli strumenti per sviluppatori su questo sito e verifica se ci sono colli di bottiglia. Qual è l'asset che si carica più lentamente? E quello più velocemente?
 
diff --git a/translations/it/5-browser-extension/README.md b/translations/it/5-browser-extension/README.md
index 51be64299..a247f2912 100644
--- a/translations/it/5-browser-extension/README.md
+++ b/translations/it/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Questa estensione può essere utilizzata ad hoc da un utente una volta che una c
 
 ### Crediti
 
-![un'estensione per browser verde](../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![un'estensione per browser verde](../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Crediti
 
diff --git a/translations/it/5-browser-extension/solution/README.md b/translations/it/5-browser-extension/solution/README.md
index 85355d140..d0b8961da 100644
--- a/translations/it/5-browser-extension/solution/README.md
+++ b/translations/it/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Utilizzando l'API CO2 Signal di tmrow per monitorare il consumo di elettricità, crea un'estensione per browser che ti permetta di avere un promemoria direttamente nel tuo browser su quanto è intenso il consumo di elettricità nella tua regione. Usare questa estensione in modo occasionale ti aiuterà a prendere decisioni sulle tue attività basandoti su queste informazioni.
 
-![screenshot dell'estensione](../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot dell'estensione](../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Per iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installare su Edge, utilizza il menu con i 'tre puntini' nell'angolo in alto a destra del browser per trovare il pannello delle Estensioni. Da lì, seleziona 'Carica non impacchettato' per caricare una nuova estensione. Apri la cartella 'dist' quando richiesto e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API per l'API di CO2 Signal ([richiedila qui via email](https://www.co2signal.com/) - inserisci il tuo indirizzo email nella casella su questa pagina) e del [codice della tua regione](http://api.electricitymap.org/v3/zones) corrispondente alla [Electricity Map](https://www.electricitymap.org/map) (a Boston, ad esempio, utilizzo 'US-NEISO').
 
-![installazione](../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta inseriti la chiave API e il codice della regione nell'interfaccia dell'estensione, il punto colorato nella barra delle estensioni del browser dovrebbe cambiare per riflettere il consumo energetico della tua regione e darti un'indicazione su quali attività ad alto consumo energetico sarebbero appropriate da svolgere. Il concetto dietro questo sistema a 'punti' mi è stato ispirato dall'estensione [Energy Lollipop](https://energylollipop.com/) per le emissioni della California.
 
diff --git a/translations/it/5-browser-extension/solution/translation/README.fr.md b/translations/it/5-browser-extension/solution/translation/README.fr.md
index bb2608a77..3522f0213 100644
--- a/translations/it/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/it/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Utilizzando l'API CO2 Signal di tmrow per monitorare il consumo di elettricità, crea un'estensione del browser in modo da avere un promemoria direttamente nel tuo browser sul consumo di elettricità della tua regione. L'uso di questa estensione ad hoc ti aiuterà a prendere decisioni sulle tue attività basandoti su queste informazioni.
 
-![screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installare su Edge, utilizza il menu 'tre puntini' nell'angolo in alto a destra del browser per trovare il pannello Estensioni. Da lì, seleziona 'Carica estensione non compressa' per caricare una nuova estensione. Apri la cartella 'dist' quando richiesto e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API per l'API di CO2 Signal ([ottienila qui via e-mail](https://www.co2signal.com/) - inserisci il tuo indirizzo e-mail nel campo su questa pagina) e del [codice per la tua regione](http://api.electricitymap.org/v3/zones) corrispondente alla [Mappa dell'elettricità](https://www.electricitymap.org/map) (a Boston, ad esempio, utilizzo 'US-NEISO').
 
-![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta inseriti la chiave API e la regione nell'interfaccia dell'estensione, il punto colorato nella barra delle estensioni del browser dovrebbe cambiare per riflettere il consumo di energia della tua regione e fornirti un indicatore sulle attività ad alto consumo energetico che sarebbe opportuno svolgere. Il concetto dietro questo sistema di 'punti' mi è stato ispirato dall'[estensione Energy Lollipop](https://energylollipop.com/) per le emissioni in California.
 
diff --git a/translations/it/5-browser-extension/solution/translation/README.hi.md b/translations/it/5-browser-extension/solution/translation/README.hi.md
index 3437f1573..6bb33cb45 100644
--- a/translations/it/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/it/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Utilizzando l'API CO2 Signal di tmrow per monitorare l'uso dell'elettricità, è stato creato un'estensione del browser che ti ricorda quanto è intenso l'uso dell'elettricità nella tua area. Usare questa estensione ti aiuterà a prendere decisioni sulle tue attività basandoti su queste informazioni.
 
-![Screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![Screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Per iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installarla su Edge, utilizza il menu "tre punti" nell'angolo in alto a destra del browser per trovare il pannello delle estensioni. Da lì, seleziona "Carica non impacchettato" per caricare una nuova estensione. Quando richiesto, apri la cartella "dist" e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API di CO2 Signal ([ottienila qui via email](https://www.co2snal.com/) inserendo il tuo indirizzo email nel box sulla pagina) e del [codice della tua area](http://api.electricitymap.org/v3/zones) da [Electricity Map](https://www.electricitymap.org/map) (ad esempio, per Boston, utilizzo "US-NEISO").
 
-![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta che la chiave API e il codice dell'area sono stati inseriti nell'interfaccia dell'estensione, il punto colorato nella barra delle estensioni del browser dovrebbe cambiare per riflettere l'uso energetico della tua area e fornire un indicatore su quali attività ad alto consumo energetico sono più adatte. Il concetto dietro questo sistema di "punti" mi è stato ispirato dall'estensione [Energy Lollipop](https://energylollipop.com/) per le emissioni in California.
 
diff --git a/translations/it/5-browser-extension/solution/translation/README.it.md b/translations/it/5-browser-extension/solution/translation/README.it.md
index f0a799383..b42bb063c 100644
--- a/translations/it/5-browser-extension/solution/translation/README.it.md
+++ b/translations/it/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Si utilizzerà l'API Signal CO2 di tmrow per monitorare l'utilizzo dell'elettricità e creare un'estensione per il browser che fornisca un promemoria diretto su quanto sia intenso l'uso di elettricità nella propria regione. L'utilizzo di questa estensione personalizzata aiuterà a valutare le proprie attività in base a queste informazioni.
 
-![videata dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![videata dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Per iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installare su Edge, utilizzare il menu "tre punti" nell'angolo in alto a destra del browser per accedere al pannello Estensioni. Se non è già attiva, abilitare la Modalità sviluppatore (in basso a sinistra). Selezionare "Carica decompressa" per aggiungere una nuova estensione. Aprire la cartella "dist" al prompt e l'estensione verrà caricata. Per utilizzarla, sarà necessario ottenere una chiave API per l'API di CO2 Signal (si può [richiedere qui via e-mail](https://www.co2signal.com/) - inserire la propria e-mail nella casella presente in questa pagina) e il [codice della propria regione](http://api.electricitymap.org/v3/zones) corrispondente alla [mappa elettrica](https://www.electricitymap.org/map) (ad esempio, per Boston, "US-NEISO").
 
-![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta inseriti la chiave API e il codice della regione nell'interfaccia dell'estensione, il punto colorato nella barra dell'estensione del browser dovrebbe cambiare per riflettere l'utilizzo di energia della regione e fornire indicazioni su quali attività ad alto consumo energetico sarebbero più appropriate da eseguire. Il concetto alla base di questo sistema a "punti" è stato ispirato dall'[estensione Energy Lollipop](https://energylollipop.com/) per le emissioni della California.
 
diff --git a/translations/it/5-browser-extension/solution/translation/README.ja.md b/translations/it/5-browser-extension/solution/translation/README.ja.md
index 1b5651183..119c8cfa4 100644
--- a/translations/it/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/it/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Costruisci un'estensione del browser che utilizza l'API CO2 Signal di tmrow per monitorare il consumo di energia nella tua area e mostrarti un promemoria direttamente nel browser. Usando questa estensione in modo ad hoc, puoi prendere decisioni informate sulle tue attività in base a queste informazioni.
 
-![screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot dell'estensione](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Introduzione
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installarla su Edge, trova il pannello "Estensioni" dal menu con i "tre puntini" in alto a destra del browser. Da lì, seleziona "Carica estensione non impacchettata" e carica la nuova estensione. Quando richiesto, apri la cartella "dist" e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API dell'API CO2 Signal ([ottienila qui via email](https://www.co2signal.com/) - inserisci la tua email nella casella su quella pagina) e del [codice per la tua regione](http://api.electricitymap.org/v3/zones) corrispondente su [Electricity Map](https://www.electricitymap.org/map) (ad esempio, per Boston, usa 'US-NEISO').
 
-![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Inserendo la chiave API e la regione nell'interfaccia dell'estensione, il punto colorato che appare nella barra delle estensioni del browser cambierà colore per riflettere il consumo energetico della tua area. Questo ti aiuterà a capire quali attività che richiedono energia sono più appropriate in quel momento. Il concetto del sistema a "punti" mi è stato ispirato dall'estensione [Energy Lollipop](https://energylollipop.com/) per le emissioni in California.
 
diff --git a/translations/it/5-browser-extension/solution/translation/README.ms.md b/translations/it/5-browser-extension/solution/translation/README.ms.md
index 76a5a2471..ed9c6325e 100644
--- a/translations/it/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/it/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Utilizzando l'API CO2 Signal di tmrow per monitorare il consumo di elettricità, costruisci un'estensione del browser che ti avvisi sull'impatto del consumo energetico nella tua regione. Usare questa estensione ti aiuterà a prendere decisioni più consapevoli sulle tue attività in base a queste informazioni.
 
-![screenshot dell'estensione del browser](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot dell'estensione del browser](../../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installarla su Edge, utilizza il menu con i "tre puntini" nell'angolo in alto a destra del browser per trovare il pannello delle Estensioni. Da lì, seleziona "Carica estensione non impacchettata" per aggiungere una nuova estensione. Apri la cartella 'dist' quando richiesto e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API per l'API CO2 Signal ([ottienila qui via email](https://www.co2signal.com/) - inserisci il tuo indirizzo email nella casella sulla pagina) e del [codice della tua regione](http://api.electricitymap.org/v3/zones) corrispondente alla [Mappa dell'Elettricità](https://www.electricitymap.org/map) (ad esempio, a Boston, ho usato 'US-NEISO').
 
-![scaricamento in corso](../../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![scaricamento in corso](../../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta inseriti la chiave API e il codice della regione nell'interfaccia dell'estensione, il punto colorato nella barra delle estensioni del browser cambierà per riflettere il consumo energetico della tua regione e ti fornirà indicazioni sulle attività più adatte da svolgere. Il concetto alla base di questo sistema a "punti" mi è stato ispirato dall'[estensione del browser Energy Lollipop](https://energylollipop.com/) per le emissioni in California.
 
diff --git a/translations/it/5-browser-extension/start/README.md b/translations/it/5-browser-extension/start/README.md
index 2e3e9c0ba..95bfb3995 100644
--- a/translations/it/5-browser-extension/start/README.md
+++ b/translations/it/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Utilizzando l'API C02 Signal di tmrow per monitorare il consumo di elettricità, crea un'estensione per browser che ti permetta di avere un promemoria direttamente nel tuo browser su quanto sia intenso il consumo di elettricità nella tua regione. Usare questa estensione in modo occasionale ti aiuterà a prendere decisioni sulle tue attività basandoti su queste informazioni.
 
-![screenshot dell'estensione](../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot dell'estensione](../../../../translated_images/it/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Per iniziare
 
@@ -31,7 +31,7 @@ npm run build
 
 Per installare su Edge, utilizza il menu 'tre puntini' nell'angolo in alto a destra del browser per trovare il pannello delle Estensioni. Da lì, seleziona 'Carica non impacchettato' per caricare una nuova estensione. Apri la cartella 'dist' quando richiesto e l'estensione verrà caricata. Per utilizzarla, avrai bisogno di una chiave API per l'API di CO2 Signal ([richiedila qui via email](https://www.co2signal.com/) - inserisci il tuo indirizzo email nella casella su questa pagina) e del [codice della tua regione](http://api.electricitymap.org/v3/zones) corrispondente alla [Electricity Map](https://www.electricitymap.org/map) (a Boston, ad esempio, utilizzo 'US-NEISO').
 
-![installazione](../../../../translated_images/it/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../translated_images/it/install-on-edge.78634f02842c4828.webp)
 
 Una volta inseriti la chiave API e il codice della regione nell'interfaccia dell'estensione, il punto colorato nella barra delle estensioni del browser dovrebbe cambiare per riflettere il consumo energetico della tua regione e darti un'indicazione su quali attività ad alto consumo energetico sarebbero appropriate da svolgere. Il concetto dietro questo sistema a 'punti' mi è stato ispirato dall'estensione [Energy Lollipop](https://energylollipop.com/) per le emissioni della California.
 
diff --git a/translations/it/6-space-game/2-drawing-to-canvas/README.md b/translations/it/6-space-game/2-drawing-to-canvas/README.md
index 8dc70e0cf..fa7519af9 100644
--- a/translations/it/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/it/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![la griglia del canvas](../../../../translated_images/it/canvas_grid.5f209da785ded492.png)
+![la griglia del canvas](../../../../translated_images/it/canvas_grid.5f209da785ded492.webp)
 > Immagine da [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Per disegnare sull'elemento canvas, seguirai lo stesso processo in tre fasi che forma la base di tutta la grafica del canvas. Una volta fatto alcune volte, diventa naturale:
@@ -329,11 +329,11 @@ Creerai una pagina web con un elemento Canvas. Dovrebbe rendere uno schermo nero
 
 - Nave eroica
 
-   ![Nave eroica](../../../../translated_images/it/player.dd24c1afa8c71e9b.png)
+   ![Nave eroica](../../../../translated_images/it/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 mostri
 
-   ![Nave mostro](../../../../translated_images/it/enemyShip.5df2a822c16650c2.png)
+   ![Nave mostro](../../../../translated_images/it/enemyShip.5df2a822c16650c2.webp)
 
 ### Passaggi Consigliati per Iniziare lo Sviluppo
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Il risultato finale dovrebbe apparire così:  
 
-![Schermo nero con un eroe e 5*5 mostri](../../../../translated_images/it/partI-solution.36c53b48c9ffae2a.png)  
+![Schermo nero con un eroe e 5*5 mostri](../../../../translated_images/it/partI-solution.36c53b48c9ffae2a.webp)  
 
 ## Soluzione  
 
diff --git a/translations/it/6-space-game/5-keeping-score/README.md b/translations/it/6-space-game/5-keeping-score/README.md
index 543479af3..eda55fb7c 100644
--- a/translations/it/6-space-game/5-keeping-score/README.md
+++ b/translations/it/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **Sistema di punteggio**: Ogni nave nemica distrutta assegna 100 punti (i numeri tondi sono più facili da calcolare mentalmente per i giocatori). Il punteggio viene mostrato nell'angolo in basso a sinistra.
-- **Contatore delle vite**: Il tuo eroe parte con tre vite - uno standard stabilito dai primi giochi arcade per bilanciare la sfida con la giocabilità. Ogni collisione con un nemico costa una vita. Mostreremo le vite rimanenti nell'angolo in basso a destra usando icone di navi ![immagine vita](../../../../translated_images/it/life.6fb9f50d53ee0413.png).
+- **Contatore delle vite**: Il tuo eroe parte con tre vite - uno standard stabilito dai primi giochi arcade per bilanciare la sfida con la giocabilità. Ogni collisione con un nemico costa una vita. Mostreremo le vite rimanenti nell'angolo in basso a destra usando icone di navi ![immagine vita](../../../../translated_images/it/life.6fb9f50d53ee0413.webp).
 
 ## Cominciamo a Costruire!
 
diff --git a/translations/it/7-bank-project/1-template-route/README.md b/translations/it/7-bank-project/1-template-route/README.md
index db3b73f3d..8c2874b09 100644
--- a/translations/it/7-bank-project/1-template-route/README.md
+++ b/translations/it/7-bank-project/1-template-route/README.md
@@ -652,7 +652,7 @@ sequenceDiagram
 
 Utilizzando `history.pushState` si creano nuove voci nella cronologia di navigazione del browser. Puoi verificarlo tenendo premuto il *pulsante indietro* del tuo browser, dovrebbe mostrare qualcosa del genere:
 
-![Screenshot della cronologia di navigazione](../../../../translated_images/it/history.7fdabbafa521e064.png)
+![Screenshot della cronologia di navigazione](../../../../translated_images/it/history.7fdabbafa521e064.webp)
 
 Se provi a cliccare sul pulsante indietro alcune volte, vedrai che l'URL corrente cambia e la cronologia viene aggiornata, ma lo stesso template continua a essere visualizzato.
 
diff --git a/translations/it/7-bank-project/2-forms/README.md b/translations/it/7-bank-project/2-forms/README.md
index 1cf70be83..b0c56c3d3 100644
--- a/translations/it/7-bank-project/2-forms/README.md
+++ b/translations/it/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ Per prima cosa, osserviamo cosa accade con l'invio di un modulo di base:
 2. Osserva i cambiamenti nella barra degli indirizzi del browser
 3. Nota come la pagina si ricarica e i dati appaiono nell'URL
 
-![Screenshot della modifica dell'URL del browser dopo aver cliccato sul pulsante Registrati](../../../../translated_images/it/click-register.e89a30bf0d4bc9ca.png)
+![Screenshot della modifica dell'URL del browser dopo aver cliccato sul pulsante Registrati](../../../../translated_images/it/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Confronto tra Metodi HTTP
 
@@ -350,7 +350,7 @@ Configuriamo il tuo modulo di registrazione per comunicare correttamente con l'A
 2. **Clicca** sul pulsante "Crea Account"
 3. **Osserva** la risposta del server nel tuo browser
 
-![Una finestra del browser all'indirizzo localhost:5000/api/accounts, che mostra una stringa JSON con i dati dell'utente](../../../../translated_images/it/form-post.61de4ca1b964d91a.png)
+![Una finestra del browser all'indirizzo localhost:5000/api/accounts, che mostra una stringa JSON con i dati dell'utente](../../../../translated_images/it/form-post.61de4ca1b964d91a.webp)
 
 **Cosa dovresti vedere:**
 - **Il browser si reindirizza** all'URL del punto finale dell'API
@@ -615,7 +615,7 @@ async function register() {
 3. **Clicca** su "Crea Account"
 4. **Osserva** i messaggi della console e il feedback dell'utente
 
-![Screenshot che mostra il messaggio di log nella console del browser](../../../../translated_images/it/browser-console.efaf0b51aaaf6778.png)
+![Screenshot che mostra il messaggio di log nella console del browser](../../../../translated_images/it/browser-console.efaf0b51aaaf6778.webp)
 
 **Cosa dovresti vedere:**
 - **Stato di caricamento** appare sul pulsante di invio
@@ -790,7 +790,7 @@ Miglioriamo il tuo modulo di registrazione con una validazione robusta che offre
 3. **Prova** caratteri speciali nel campo nome utente
 4. **Inserisci** un importo di saldo negativo
 
-![Screenshot che mostra l'errore di validazione quando si tenta di inviare il modulo](../../../../translated_images/it/validation-error.8bd23e98d416c22f.png)
+![Screenshot che mostra l'errore di validazione quando si tenta di inviare il modulo](../../../../translated_images/it/validation-error.8bd23e98d416c22f.webp)
 
 **Cosa osserverai:**
 - **Il browser mostra** messaggi di validazione nativi
@@ -952,7 +952,7 @@ Mostra un messaggio di errore nell'HTML se l'utente esiste già.
 
 Ecco un esempio di come potrebbe apparire la pagina di login finale dopo un po' di styling:
 
-![Screenshot della pagina di login dopo aver aggiunto gli stili CSS](../../../../translated_images/it/result.96ef01f607bf856a.png)
+![Screenshot della pagina di login dopo aver aggiunto gli stili CSS](../../../../translated_images/it/result.96ef01f607bf856a.webp)
 
 ## Quiz post-lezione
 
diff --git a/translations/it/7-bank-project/3-data/README.md b/translations/it/7-bank-project/3-data/README.md
index 1c816b8a0..9ec81d5cc 100644
--- a/translations/it/7-bank-project/3-data/README.md
+++ b/translations/it/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![Flusso di aggiornamento in un'applicazione multi-pagina](../../../../translated_images/it/mpa.7f7375a1a2d4aa77.png)
+![Flusso di aggiornamento in un'applicazione multi-pagina](../../../../translated_images/it/mpa.7f7375a1a2d4aa77.webp)
 
 **Perché questo approccio sembrava macchinoso:**
 - Ogni clic significava ricostruire l'intera pagina da zero
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![Flusso di aggiornamento in un'applicazione a pagina singola](../../../../translated_images/it/spa.268ec73b41f992c2.png)
+![Flusso di aggiornamento in un'applicazione a pagina singola](../../../../translated_images/it/spa.268ec73b41f992c2.webp)
 
 **Perché le SPA sono così migliori:**
 - Solo le parti che effettivamente cambiano vengono aggiornate (intelligente, vero?)
@@ -523,7 +523,7 @@ if (data.error) {
 
 Ora, quando testi con un account non valido, vedrai un utile messaggio di errore direttamente sulla pagina!
 
-![Screenshot che mostra il messaggio di errore visualizzato durante il login](../../../../translated_images/it/login-error.416fe019b36a6327.png)
+![Screenshot che mostra il messaggio di errore visualizzato durante il login](../../../../translated_images/it/login-error.416fe019b36a6327.webp)
 
 #### Passo 4: Essere Inclusivi con l'Accessibilità
 
@@ -961,7 +961,7 @@ Pronto a portare la tua app bancaria al livello successivo? Rendiamola qualcosa
 
 Ecco come potrebbe apparire un dashboard ben rifinito:
 
-![Screenshot di un esempio di risultato del dashboard dopo la stilizzazione](../../../../translated_images/it/screen2.123c82a831a1d14a.png)
+![Screenshot di un esempio di risultato del dashboard dopo la stilizzazione](../../../../translated_images/it/screen2.123c82a831a1d14a.webp)
 
 Non sentirti obbligato a replicarlo esattamente - usalo come ispirazione e rendilo unico!
 
diff --git a/translations/it/7-bank-project/4-state-management/README.md b/translations/it/7-bank-project/4-state-management/README.md
index 401f31c80..d0e86dd67 100644
--- a/translations/it/7-bank-project/4-state-management/README.md
+++ b/translations/it/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ La [gestione dello stato](https://en.wikipedia.org/wiki/State_management) riguar
 
 Invece di inseguire i nostri errori, creeremo un sistema di **gestione dello stato centralizzato**. Pensalo come avere una persona davvero organizzata incaricata di tutte le cose importanti:
 
-![Schema che mostra i flussi di dati tra HTML, azioni dell'utente e stato](../../../../translated_images/it/data-flow.fa2354e0908fecc8.png)
+![Schema che mostra i flussi di dati tra HTML, azioni dell'utente e stato](../../../../translated_images/it/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -804,7 +804,7 @@ Questa sfida ti aiuterà a pensare come uno sviluppatore professionista che cons
 
 Ecco un esempio di risultato dopo aver completato il compito:
 
-![Screenshot che mostra un esempio di finestra di dialogo "Aggiungi transazione"](../../../../translated_images/it/dialog.93bba104afeb79f1.png)
+![Screenshot che mostra un esempio di finestra di dialogo "Aggiungi transazione"](../../../../translated_images/it/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/it/7-bank-project/4-state-management/assignment.md b/translations/it/7-bank-project/4-state-management/assignment.md
index f71d4cc23..4d533704b 100644
--- a/translations/it/7-bank-project/4-state-management/assignment.md
+++ b/translations/it/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Consulta la [documentazione dell'API del server](../api/README.md) per:
 **Risultato previsto:**
 Dopo aver completato questo compito, la tua app bancaria dovrebbe avere una funzionalità "Aggiungi Transazione" completamente operativa che appare e si comporta in modo professionale:
 
-![Screenshot che mostra un esempio di finestra di dialogo "Aggiungi transazione"](../../../../translated_images/it/dialog.93bba104afeb79f1.png)
+![Screenshot che mostra un esempio di finestra di dialogo "Aggiungi transazione"](../../../../translated_images/it/dialog.93bba104afeb79f1.webp)
 
 ## Test della tua implementazione
 
diff --git a/translations/it/7-bank-project/README.md b/translations/it/7-bank-project/README.md
index 25255e248..a6e2da399 100644
--- a/translations/it/7-bank-project/README.md
+++ b/translations/it/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 In questo progetto, imparerai come costruire una banca fittizia. Queste lezioni includono istruzioni su come strutturare un'app web e fornire percorsi, creare moduli, gestire lo stato e recuperare dati da un'API da cui puoi ottenere i dati della banca.
 
-| ![Screen1](../../../translated_images/it/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/it/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/it/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/it/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lezioni
diff --git a/translations/it/8-code-editor/1-using-a-code-editor/README.md b/translations/it/8-code-editor/1-using-a-code-editor/README.md
index 60cdac04f..216fb7668 100644
--- a/translations/it/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/it/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ Proprio come il telefono di Alexander Graham Bell collegava luoghi distanti, col
 
 Una volta caricato tutto, vedrai uno spazio di lavoro pulito e progettato per mantenerti concentrato su ciò che conta – il tuo codice!
 
-![Interfaccia predefinita di VSCode.dev](../../../../translated_images/it/default-vscode-dev.5d06881d65c1b323.png)
+![Interfaccia predefinita di VSCode.dev](../../../../translated_images/it/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Ecco il tuo tour del quartiere:**
 - **Barra delle attività** (quella striscia a sinistra): La tua navigazione principale con Esplora 📁, Cerca 🔍, Controllo sorgente 🌿, Estensioni 🧩 e Impostazioni ⚙️
@@ -233,7 +233,7 @@ Questo è perfetto quando inizi da zero in VSCode.dev e vuoi aprire un repositor
 1. Vai su [vscode.dev](https://vscode.dev) se non ci sei già
 2. Cerca il pulsante "Apri repository remoto" nella schermata di benvenuto e cliccaci sopra
 
-   ![Apri repository remoto](../../../../translated_images/it/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Apri repository remoto](../../../../translated_images/it/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Incolla l'URL di un repository GitHub (prova questo: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Premi Invio e guarda la magia accadere!
@@ -242,7 +242,7 @@ Questo è perfetto quando inizi da zero in VSCode.dev e vuoi aprire un repositor
 
 Vuoi sentirti un mago della programmazione? Prova questa scorciatoia da tastiera: Ctrl+Shift+P (o Cmd+Shift+P su Mac) per aprire il Command Palette:
 
-![Command Palette](../../../../translated_images/it/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/it/palette-menu.4946174e07f42622.webp)
 
 **Il Command Palette è come avere un motore di ricerca per tutto ciò che puoi fare:**
 - Digita "open remote" e troverà l'apertura del repository per te
@@ -304,7 +304,7 @@ Proprio come organizzare i progetti in uno studio di architettura, la creazione
 3. Inserisci il nome del file incluso l'estensione appropriata (`style.css`, `script.js`, `index.html`)
 4. Premi Invio per creare il file
 
-![Creare un nuovo file](../../../../translated_images/it/create-new-file.2814e609c2af9aeb.png)
+![Creare un nuovo file](../../../../translated_images/it/create-new-file.2814e609c2af9aeb.webp)
 
 **Convenzioni di denominazione:**
 - Usa nomi descrittivi che indicano lo scopo del file
@@ -322,7 +322,7 @@ Qui inizia il vero divertimento! L'editor di VSCode.dev è ricco di funzionalit
 2. Inizia a digitare e osserva VSCode.dev aiutarti con colori, suggerimenti e rilevamento degli errori
 3. Salva il tuo lavoro con Ctrl+S (Windows/Linux) o Cmd+S (Mac) – anche se salva automaticamente!
 
-![Modificare file in VSCode.dev](../../../../translated_images/it/edit-a-file.52c0ee665ef19f08.png)
+![Modificare file in VSCode.dev](../../../../translated_images/it/edit-a-file.52c0ee665ef19f08.webp)
 
 **Le cose interessanti che accadono mentre programmi:**
 - Il tuo codice viene evidenziato con colori bellissimi, rendendolo facile da leggere
@@ -343,7 +343,7 @@ Proprio come gli archeologi creano registri dettagliati degli strati di scavo, G
 2. I file modificati appaiono nella sezione "Modifiche"
 3. La codifica a colori indica i tipi di modifica: verde per le aggiunte, rosso per le eliminazioni
 
-![Visualizzare le modifiche nel controllo della sorgente](../../../../translated_images/it/working-tree.c58eec08e6335c79.png)
+![Visualizzare le modifiche nel controllo della sorgente](../../../../translated_images/it/working-tree.c58eec08e6335c79.webp)
 
 **Salvare il tuo lavoro (il flusso di lavoro di commit):**
 
@@ -438,7 +438,7 @@ Il marketplace delle estensioni è davvero ben organizzato, quindi non ti perder
 2. Sfoglia o cerca qualcosa di specifico
 3. Clicca su ciò che ti sembra interessante per saperne di più
 
-![Interfaccia del marketplace delle estensioni](../../../../translated_images/it/extensions.eca0e0c7f59a10b5.png)
+![Interfaccia del marketplace delle estensioni](../../../../translated_images/it/extensions.eca0e0c7f59a10b5.webp)
 
 **Cosa troverai lì dentro:**
 
@@ -491,7 +491,7 @@ La maggior parte delle estensioni ha impostazioni che puoi modificare per farle
 3. Scegli "Impostazioni Estensione" dal menu a tendina
 4. Regola le impostazioni finché non si adattano perfettamente al tuo workflow
 
-![Personalizzare le impostazioni delle estensioni](../../../../translated_images/it/extension-settings.21c752ae4f4cdb78.png)
+![Personalizzare le impostazioni delle estensioni](../../../../translated_images/it/extension-settings.21c752ae4f4cdb78.webp)
 
 **Cose comuni che potresti voler modificare:**
 - Come viene formattato il codice (tab vs spazi, lunghezza delle righe, ecc.)
diff --git a/translations/it/8-code-editor/1-using-a-code-editor/assignment.md b/translations/it/8-code-editor/1-using-a-code-editor/assignment.md
index 79c8e64c9..3229e8c4c 100644
--- a/translations/it/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/it/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Poiché VSCode.dev richiede almeno un file per aprire un repository, creeremo il
 4. **Scrivi** un messaggio di commit: "Aggiungi struttura HTML iniziale"
 5. **Clicca** su "Commit new file" per salvare le modifiche
 
-![Creazione del file iniziale su GitHub](../../../../translated_images/it/new-file-github.com.c886796d800e8056.png)
+![Creazione del file iniziale su GitHub](../../../../translated_images/it/new-file-github.com.c886796d800e8056.webp)
 
 **Ecco cosa realizza questa configurazione iniziale:**
 - **Stabilisce** una corretta struttura del documento HTML5 con elementi semantici
@@ -104,7 +104,7 @@ Ora che le basi del tuo repository sono state stabilite, passiamo a VSCode.dev p
 
 ✅ **Indicatore di successo**: Dovresti vedere i file del tuo progetto nella barra laterale Explorer e `index.html` disponibile per la modifica nell'area principale dell'editor.
 
-![Progetto caricato su VSCode.dev](../../../../translated_images/it/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Progetto caricato su VSCode.dev](../../../../translated_images/it/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Cosa vedrai nell'interfaccia:**
 - **Barra laterale Explorer**: **Mostra** i file e la struttura delle cartelle del tuo repository
@@ -448,7 +448,7 @@ Le estensioni migliorano la tua esperienza di sviluppo fornendo funzionalità di
 **Risultati immediati dopo l'installazione:**
 Una volta installato CodeSwing, vedrai un'anteprima live del tuo sito web per il curriculum apparire nell'editor. Questo ti permette di vedere esattamente come appare il tuo sito mentre apporti modifiche.
 
-![Estensione CodeSwing che mostra l'anteprima live](../../../../translated_images/it/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Estensione CodeSwing che mostra l'anteprima live](../../../../translated_images/it/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Comprensione dell'interfaccia migliorata:**
 - **Vista divisa**: **Mostra** il tuo codice da un lato e l'anteprima live dall'altro
diff --git a/translations/it/9-chat-project/README.md b/translations/it/9-chat-project/README.md
index a68e92100..bfba324f6 100644
--- a/translations/it/9-chat-project/README.md
+++ b/translations/it/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 Ecco come apparirà il tuo progetto finito:
 
-![Interfaccia dell'app di chat che mostra una conversazione tra utente e assistente AI](../../../translated_images/it/screenshot.0a1ee0d123df681b.png)
+![Interfaccia dell'app di chat che mostra una conversazione tra utente e assistente AI](../../../translated_images/it/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Il Tuo Percorso di Apprendimento nello Sviluppo di Applicazioni AI
 
@@ -194,7 +194,7 @@ mindmap
 
 **Principio Fondamentale**: Lo sviluppo di applicazioni AI combina competenze tradizionali di sviluppo web con l'integrazione di servizi AI, creando applicazioni intelligenti che sembrano naturali e reattive per gli utenti.
 
-![Interfaccia del GitHub Models AI Playground con selezione del modello e area di test](../../../translated_images/it/playground.d2b927122224ff8f.png)
+![Interfaccia del GitHub Models AI Playground con selezione del modello e area di test](../../../translated_images/it/playground.d2b927122224ff8f.webp)
 
 **Ecco cosa rende il playground così utile:**
 - **Prova** diversi modelli AI come GPT-4o-mini, Claude e altri (tutti gratuiti!)
@@ -204,7 +204,7 @@ mindmap
 
 Una volta che hai sperimentato un po', basta cliccare sulla scheda "Code" e scegliere il tuo linguaggio di programmazione per ottenere il codice di implementazione di cui hai bisogno.
 
-![Scelta del playground che mostra opzioni di generazione del codice per diversi linguaggi di programmazione](../../../translated_images/it/playground-choice.1d23ba7d407f4758.png)
+![Scelta del playground che mostra opzioni di generazione del codice per diversi linguaggi di programmazione](../../../translated_images/it/playground-choice.1d23ba7d407f4758.webp)
 
 ## Configurare l'Integrazione Backend Python
 
@@ -2364,14 +2364,14 @@ Vuoi provare questo progetto in un ambiente di sviluppo cloud? GitHub Codespaces
 - **Vai** al [repository Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Clicca** su "Use this template" nell'angolo in alto a destra (assicurati di essere loggato su GitHub)  
 
-![Interfaccia per creare dal template che mostra il pulsante verde "Use this template"](../../../translated_images/it/template.67ad477109d29a2b.png)  
+![Interfaccia per creare dal template che mostra il pulsante verde "Use this template"](../../../translated_images/it/template.67ad477109d29a2b.webp)  
 
 **Passo 2: Avvia Codespaces**  
 - **Apri** il tuo repository appena creato  
 - **Clicca** sul pulsante verde "Code" e seleziona "Codespaces"  
 - **Scegli** "Create codespace on main" per avviare il tuo ambiente di sviluppo  
 
-![Interfaccia per creare codespace con opzioni per avviare l'ambiente di sviluppo cloud](../../../translated_images/it/codespace.bcecbdf5d2747d3d.png)  
+![Interfaccia per creare codespace con opzioni per avviare l'ambiente di sviluppo cloud](../../../translated_images/it/codespace.bcecbdf5d2747d3d.webp)  
 
 **Passo 3: Configurazione dell'Ambiente**  
 Una volta caricato il tuo Codespace, avrai accesso a:  
diff --git a/translations/it/README.md b/translations/it/README.md
index 5d41c3128..77bfa1b2b 100644
--- a/translations/it/README.md
+++ b/translations/it/README.md
@@ -56,13 +56,13 @@ Non perdere il nostro nuovo curriculum su AI Generativa!
 
 Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare!
 
-![Background](../../translated_images/it/background.148a8d43afde5730.png)
+![Background](../../translated_images/it/background.148a8d43afde5730.webp)
 
 - Lezioni che coprono tutto, dalle basi a RAG.
 - Interagisci con personaggi storici usando GenAI e la nostra app companion.
 - Narrazione divertente e coinvolgente, faremo viaggi nel tempo!
 
-![character](../../translated_images/it/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/it/character.5c0dd8e067ffd693.webp)
 
 Ogni lezione include un compito da completare, un controllo della conoscenza e una sfida per guidarti nell’apprendimento di argomenti come:
 - Prompt e ingegneria del prompt
@@ -96,7 +96,7 @@ Segui questi passaggi:
 
 Nella tua copia del repository creata, clicca il pulsante **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace per lavorare.
 
-![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Eseguire il curriculum localmente sul tuo computer
 
diff --git a/translations/it/for-teachers.md b/translations/it/for-teachers.md
index 05d296508..6e32b2c2f 100644
--- a/translations/it/for-teachers.md
+++ b/translations/it/for-teachers.md
@@ -42,10 +42,10 @@ Questo curriculum include pacchetti importabili per flussi di lavoro comuni su L
   - Moodle Cloud ha un supporto limitato per Common Cartridge. Preferite il file Moodle sopra, che può anche essere caricato in Canvas.
   - Dopo l'importazione, rivedete i moduli, le date di scadenza e le impostazioni dei quiz per adattarli al vostro calendario.
 
-![Moodle](../../translated_images/it/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/it/moodle.94eb93d714a50cb2.webp)
 > Il curriculum in una classe Moodle
 
-![Canvas](../../translated_images/it/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/it/canvas.fbd605ff8e5b8aff.webp)
 > Il curriculum in Canvas
 
 ### Utilizzo diretto del repository (senza Classroom)
diff --git a/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index a82698d3c..a24f16f26 100644
--- a/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 今日は、現代のウェブ開発を可能にするだけでなく、夢中にさせる素晴らしいツールを探求します。NetflixやSpotify、そしてお気に入りのインディーアプリスタジオの開発者が毎日使っているエディター、ブラウザ、ワークフローについて話します。そして、これがあなたを踊りたくさせる部分です：これらのプロ仕様の業界標準ツールのほとんどが完全に無料なんです！
 
-![Intro Programming](../../../../translated_images/ja/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/ja/webdev101-programming.d6e3f98e61ac4bff.webp)
 > スケッチノート提供：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ja/1-getting-started-lessons/2-github-basics/README.md b/translations/ja/1-getting-started-lessons/2-github-basics/README.md
index 8369b197a..d779ea1bb 100644
--- a/translations/ja/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/ja/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 一歩ずつ一緒に進んでいきましょう。急がず、プレッシャーもなしで、あなたと私、そしてこれからあなたの新しい親友になる本当にクールなツールたちと一緒に！
 
-![GitHubの紹介](../../../../translated_images/ja/webdev101-github.8846d7971abef6f9.png)
+![GitHubの紹介](../../../../translated_images/ja/webdev101-github.8846d7971abef6f9.webp)
 > スケッチノート提供：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -593,7 +593,7 @@ flowchart TD
 
 ✅ '初心者向け'リポジトリを見つける良い方法は、[タグ 'good-first-issue' で検索すること](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)です。
 
-![リポジトリをローカルにコピー](../../../../translated_images/ja/clone_repo.5085c48d666ead57.png)
+![リポジトリをローカルにコピー](../../../../translated_images/ja/clone_repo.5085c48d666ead57.webp)
 
 コードをコピーする方法はいくつかあります。一つの方法は、HTTPS、SSH、またはGitHub CLI（コマンドラインインターフェース）を使用してリポジトリの内容を「クローン」することです。
 
diff --git a/translations/ja/1-getting-started-lessons/3-accessibility/README.md b/translations/ja/1-getting-started-lessons/3-accessibility/README.md
index 3b76e14b4..94c5dad7b 100644
--- a/translations/ja/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/ja/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # アクセシブルなウェブページの作成
 
-![アクセシビリティについて](../../../../translated_images/ja/webdev101-a11y.8ef3025c858d897a.png)
+![アクセシビリティについて](../../../../translated_images/ja/webdev101-a11y.8ef3025c858d897a.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ja/2-js-basics/1-data-types/README.md b/translations/ja/2-js-basics/1-data-types/README.md
index 2bbd03561..628deffc4 100644
--- a/translations/ja/2-js-basics/1-data-types/README.md
+++ b/translations/ja/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptの基本: データ型
 
-![JavaScript Basics - Data types](../../../../translated_images/ja/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/ja/webdev101-js-datatypes.4cc470179730702c.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ja/2-js-basics/2-functions-methods/README.md b/translations/ja/2-js-basics/2-functions-methods/README.md
index 34b179245..50f4f6000 100644
--- a/translations/ja/2-js-basics/2-functions-methods/README.md
+++ b/translations/ja/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptの基本: メソッドと関数
 
-![JavaScript Basics - Functions](../../../../translated_images/ja/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/ja/webdev101-js-functions.be049c4726e94f8b.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ja/2-js-basics/3-making-decisions/README.md b/translations/ja/2-js-basics/3-making-decisions/README.md
index 7c174e111..63dcd262c 100644
--- a/translations/ja/2-js-basics/3-making-decisions/README.md
+++ b/translations/ja/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptの基本: 判断をする
 
-![JavaScript Basics - Making decisions](../../../../translated_images/ja/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/ja/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/ja/2-js-basics/4-arrays-loops/README.md b/translations/ja/2-js-basics/4-arrays-loops/README.md
index 0e5e2bcc1..4cb22e153 100644
--- a/translations/ja/2-js-basics/4-arrays-loops/README.md
+++ b/translations/ja/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScriptの基本: 配列とループ
 
-![JavaScript Basics - Arrays](../../../../translated_images/ja/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/ja/webdev101-js-arrays.439d7528b8a29455.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ja/3-terrarium/1-intro-to-html/README.md b/translations/ja/3-terrarium/1-intro-to-html/README.md
index 8bdc778b6..4a8294a48 100644
--- a/translations/ja/3-terrarium/1-intro-to-html/README.md
+++ b/translations/ja/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![HTML入門](../../../../translated_images/ja/webdev101-html.4389c2067af68e98.png)
+![HTML入門](../../../../translated_images/ja/webdev101-html.4389c2067af68e98.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML（HyperText Markup Language）は、これまで訪れたすべてのウェブサイトの基盤です。HTMLはウェブページの骨格のようなもので、コンテンツの配置、構造、各部分の意味を定義します。後でCSSが色やレイアウトでHTMLを「装飾」し、JavaScriptがインタラクティブ性を加えることで「命を吹き込む」役割を果たしますが、HTMLはすべての基礎を提供します。
@@ -88,7 +88,7 @@ HTMLコードに取り掛かる前に、テラリウムプロジェクトの適
 4. エクスプローラペインで「新しいファイル」アイコンをクリック
 5. ファイル名を`index.html`にする
 
-![VS Codeエクスプローラで新しいファイル作成を表示](../../../../translated_images/ja/vs-code-index.e2986cf919471eb9.png)
+![VS Codeエクスプローラで新しいファイル作成を表示](../../../../translated_images/ja/vs-code-index.e2986cf919471eb9.webp)
 
 **オプション2: ターミナルコマンドを使用する場合**
 ```bash
diff --git a/translations/ja/3-terrarium/2-intro-to-css/README.md b/translations/ja/3-terrarium/2-intro-to-css/README.md
index 5e58be53f..090e7e228 100644
--- a/translations/ja/3-terrarium/2-intro-to-css/README.md
+++ b/translations/ja/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![CSS入門](../../../../translated_images/ja/webdev101-css.3f7af5991bf53a20.png)
+![CSS入門](../../../../translated_images/ja/webdev101-css.3f7af5991bf53a20.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTMLで作ったテラリウムが少しシンプルすぎると感じませんでしたか？CSSを使えば、その基本的な構造を視覚的に魅力的なものに変えることができます。
@@ -205,7 +205,7 @@ body {
 
 ブラウザの開発者ツール（F12）を開き、Elementsタブに移動して`<h1>`要素を検査してください。`body`からフォントファミリーを継承していることがわかります:
 
-![継承されたフォント](../../../../translated_images/ja/1.cc07a5cbe114ad1d.png)
+![継承されたフォント](../../../../translated_images/ja/1.cc07a5cbe114ad1d.webp)
 
 ✅ **実験タイム**: `<body>`に`color`、`line-height`、`text-align`などの他の継承可能なプロパティを設定してみてください。見出しや他の要素に何が起こるでしょうか？
 
@@ -562,7 +562,7 @@ Agentモードを使用して次のチャレンジを完了してください:
 
 ガラス表面に光が反射する様子をシミュレートする微妙なハイライトを作成します。このアプローチは、ルネサンスの画家ヤン・ファン・エイクが光と反射を使って描かれたガラスを三次元的に見せた方法に似ています。目指すべきものは以下の通りです:
 
-![完成したテラリウム](../../../../translated_images/ja/terrarium-final.2f07047ffc597d0a.png)
+![完成したテラリウム](../../../../translated_images/ja/terrarium-final.2f07047ffc597d0a.webp)
 
 **チャレンジ内容:**
 - **作成** ガラスの反射をシミュレートする微妙な白または明るい色の楕円形
diff --git a/translations/ja/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ja/3-terrarium/3-intro-to-DOM-and-closures/README.md
index f5782f449..e989518e1 100644
--- a/translations/ja/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/ja/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOMとクロージャ](../../../../translated_images/ja/webdev101-js.10280393044d7eaa.png)
+![DOMとクロージャ](../../../../translated_images/ja/webdev101-js.10280393044d7eaa.webp)
 > スケッチノート: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ウェブ開発の最も魅力的な側面の一つへようこそ！インタラクティブな要素を作ることです。Document Object Model (DOM) は、HTMLとJavaScriptをつなぐ橋のようなもので、今日はこれを使ってテラリウムを動かします。ティム・バーナーズ＝リーが最初のウェブブラウザを作ったとき、彼は動的でインタラクティブなドキュメントを想像していました。そのビジョンを可能にするのがDOMです。
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![DOMツリーの表現](../../../../translated_images/ja/dom-tree.7daf0e763cbbba92.png)
+![DOMツリーの表現](../../../../translated_images/ja/dom-tree.7daf0e763cbbba92.webp)
 
 > DOMとそれを参照するHTMLマークアップの表現。出典: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **クロージャの理解**: クロージャはJavaScriptの重要なトピックであり、多くの開発者が理論的な側面を完全に理解する前に何年も使用します。今日は実践的な応用に焦点を当てます。インタラクティブな機能を構築する中で、自然にその仕組みが見えてくるでしょう。理解は実際の問題を解決する方法を見ることで深まります。
 
-![DOMツリーの表現](../../../../translated_images/ja/dom-tree.7daf0e763cbbba92.png)
+![DOMツリーの表現](../../../../translated_images/ja/dom-tree.7daf0e763cbbba92.webp)
 
 > DOMとそれを参照するHTMLマークアップの表現。出典: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -589,7 +589,7 @@ function stopElementDrag() {
 - **デバイス間の互換性**: デスクトップとモバイルで動作
 - **パフォーマンス意識**: メモリリークや冗長な計算なし
 
-![完成したテラリウム](../../../../translated_images/ja/terrarium-final.0920f16e87c13a84.png)
+![完成したテラリウム](../../../../translated_images/ja/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/ja/5-browser-extension/1-about-browsers/README.md b/translations/ja/5-browser-extension/1-about-browsers/README.md
index d14b846b3..28d5ffed3 100644
--- a/translations/ja/5-browser-extension/1-about-browsers/README.md
+++ b/translations/ja/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![ブラウザのスケッチノート](../../../../translated_images/ja/browser.60317c9be8b7f84a.jpg)
+![ブラウザのスケッチノート](../../../../translated_images/ja/browser.60317c9be8b7f84a.webp)
 > スケッチノート: [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## 講義前クイズ
@@ -79,7 +79,7 @@ mindmap
 
 ✅ **少し歴史を振り返る**: 最初のブラウザは「WorldWideWeb」と呼ばれ、1990年にサー・ティモシー・バーナーズ＝リーによって作成されました。
 
-![初期のブラウザ](../../../../translated_images/ja/earlybrowsers.d984b711cdf3a42d.jpg)
+![初期のブラウザ](../../../../translated_images/ja/earlybrowsers.d984b711cdf3a42d.webp)
 > 初期のブラウザのいくつか, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### ブラウザがウェブコンテンツを処理する方法
@@ -198,7 +198,7 @@ quadrantChart
 
 拡張機能のインストールプロセスを理解することで、ユーザーが拡張機能をインストールする際の体験を予測できます。インストールプロセスは、モダンブラウザ間で標準化されていますが、インターフェースデザインに若干の違いがあります。
 
-![Edgeブラウザのスクリーンショット: edge://extensions ページと設定メニューが開いている](../../../../translated_images/ja/install-on-edge.d68781acaf0b3d3d.png)
+![Edgeブラウザのスクリーンショット: edge://extensions ページと設定メニューが開いている](../../../../translated_images/ja/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **重要**: 開発者モードをオンにし、自分の拡張機能をテストする際には他のストアからの拡張機能を許可してください。
 
@@ -313,10 +313,10 @@ project-root/
 ### 拡張機能ビューの概要
 
 **設定ビュー** - 初回ユーザー設定:
-![完成した拡張機能がブラウザで開かれ、地域名とAPIキーの入力フォームを表示しているスクリーンショット](../../../../translated_images/ja/1.b6da8c1394b07491.png)
+![完成した拡張機能がブラウザで開かれ、地域名とAPIキーの入力フォームを表示しているスクリーンショット](../../../../translated_images/ja/1.b6da8c1394b07491.webp)
 
 **結果ビュー** - カーボンフットプリントデータの表示:
-![完成した拡張機能がUS-NEISO地域のカーボン使用量と化石燃料割合の値を表示しているスクリーンショット](../../../../translated_images/ja/2.1dae52ff08042246.png)
+![完成した拡張機能がUS-NEISO地域のカーボン使用量と化石燃料割合の値を表示しているスクリーンショット](../../../../translated_images/ja/2.1dae52ff08042246.webp)
 
 ### 設定フォームの構築
 
diff --git a/translations/ja/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ja/5-browser-extension/2-forms-browsers-local-storage/README.md
index 009a8d74b..c41904408 100644
--- a/translations/ja/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/ja/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![ローカルストレージペイン](../../../../translated_images/ja/localstorage.472f8147b6a3f8d1.png)
+![ローカルストレージペイン](../../../../translated_images/ja/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **セキュリティ上の考慮事項**: 実際のアプリケーションでは、LocalStorageにAPIキーを保存することはセキュリティリスクを伴います。JavaScriptがこのデータにアクセスできるためです。学習目的ではこの方法で問題ありませんが、実際のアプリケーションでは機密資格情報を安全なサーバー側ストレージに保存する必要があります。
 
diff --git a/translations/ja/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ja/5-browser-extension/3-background-tasks-and-performance/README.md
index 12710d562..fc7b5953f 100644
--- a/translations/ja/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/ja/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Edgeで開発者ツールを開くには、右上の3つのドットをクリッ
 
 これを試してみましょう。ウェブサイト（Microsoft.comが適しています）を開き、「記録」ボタンをクリックします。次にページをリフレッシュして、プロファイラーが何が起きているかをキャプチャする様子を観察します。記録を停止すると、ブラウザがサイトを「スクリプト化」、「レンダリング」、「ペイント」する方法の詳細な内訳が表示されます。これは、ロケット打ち上げ中にミッションコントロールがすべてのシステムを監視する方法を思い出させます。リアルタイムで何が起きているか、いつ起きているかのデータを得ることができます。
 
-![Edgeプロファイラー](../../../../translated_images/ja/profiler.5a4a62479c5df01c.png)
+![Edgeプロファイラー](../../../../translated_images/ja/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoftのドキュメント](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon)には、さらに詳しい情報がたくさんあります。
 
@@ -136,11 +136,11 @@ Edgeで開発者ツールを開くには、右上の3つのドットをクリッ
 
 プロファイルタイムラインの一部を選択して、概要ペインでページのパフォーマンスのスナップショットを取得します:
 
-![Edgeプロファイラースナップショット](../../../../translated_images/ja/snapshot.97750180ebcad737.png)
+![Edgeプロファイラースナップショット](../../../../translated_images/ja/snapshot.97750180ebcad737.webp)
 
 イベントログペインを確認して、15ms以上かかったイベントがあるかどうかを確認します:
 
-![Edgeイベントログ](../../../../translated_images/ja/log.804026979f3707e0.png)
+![Edgeイベントログ](../../../../translated_images/ja/log.804026979f3707e0.webp)
 
 ✅ プロファイラーを使いこなしてください！このサイトで開発者ツールを開き、ボトルネックがあるかどうかを確認してください。最も遅く読み込まれるアセットは何ですか？最も速いものは？
 
diff --git a/translations/ja/6-space-game/2-drawing-to-canvas/README.md b/translations/ja/6-space-game/2-drawing-to-canvas/README.md
index ceae2e77b..62874de38 100644
--- a/translations/ja/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/ja/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![キャンバスのグリッド](../../../../translated_images/ja/canvas_grid.5f209da785ded492.png)
+![キャンバスのグリッド](../../../../translated_images/ja/canvas_grid.5f209da785ded492.webp)
 > 画像提供: [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 キャンバス要素に描画するには、キャンバスグラフィックの基礎を形成する同じ3ステップのプロセスに従います。このプロセスを数回行うと、自然に身につきます。
@@ -329,11 +329,11 @@ Canvas要素を含むウェブページを作成します。黒い画面 `1024*7
 
 - ヒーローの船
 
-   ![ヒーローの船](../../../../translated_images/ja/player.dd24c1afa8c71e9b.png)
+   ![ヒーローの船](../../../../translated_images/ja/player.dd24c1afa8c71e9b.webp)
 
 - 5×5のモンスター
 
-   ![モンスターの船](../../../../translated_images/ja/enemyShip.5df2a822c16650c2.png)
+   ![モンスターの船](../../../../translated_images/ja/enemyShip.5df2a822c16650c2.webp)
 
 ### 開発を始めるための推奨ステップ
 
@@ -468,7 +468,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 完成した結果は以下のようになります:
 
-![黒い画面にヒーローと5*5のモンスター](../../../../translated_images/ja/partI-solution.36c53b48c9ffae2a.png)
+![黒い画面にヒーローと5*5のモンスター](../../../../translated_images/ja/partI-solution.36c53b48c9ffae2a.webp)
 
 ## 解答
 
diff --git a/translations/ja/6-space-game/5-keeping-score/README.md b/translations/ja/6-space-game/5-keeping-score/README.md
index bbfbaeba4..823448514 100644
--- a/translations/ja/6-space-game/5-keeping-score/README.md
+++ b/translations/ja/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **スコアリングシステム**: 敵の船を破壊するたびに100ポイントが与えられます（丸い数字はプレイヤーが頭の中で計算しやすいです）。スコアは画面左下に表示されます。
-- **ライフカウンター**: ヒーローは3つのライフでスタートします。これは初期のアーケードゲームが挑戦と遊びやすさのバランスを取るために確立した標準です。敵との衝突ごとにライフが1つ減ります。残りのライフは画面右下に船のアイコンで表示されます ![life image](../../../../translated_images/ja/life.6fb9f50d53ee0413.png)。
+- **ライフカウンター**: ヒーローは3つのライフでスタートします。これは初期のアーケードゲームが挑戦と遊びやすさのバランスを取るために確立した標準です。敵との衝突ごとにライフが1つ減ります。残りのライフは画面右下に船のアイコンで表示されます ![life image](../../../../translated_images/ja/life.6fb9f50d53ee0413.webp)。
 
 ## 作り始めましょう！
 
diff --git a/translations/ja/7-bank-project/1-template-route/README.md b/translations/ja/7-bank-project/1-template-route/README.md
index 18eb9f6cc..d168d9fae 100644
--- a/translations/ja/7-bank-project/1-template-route/README.md
+++ b/translations/ja/7-bank-project/1-template-route/README.md
@@ -635,7 +635,7 @@ sequenceDiagram
 
 `history.pushState`を使用するとブラウザのナビゲーション履歴に新しいエントリが作成されます。ブラウザの*戻るボタン*を押し続けると、次のような履歴が表示されるはずです:
 
-![ナビゲーション履歴のスクリーンショット](../../../../translated_images/ja/history.7fdabbafa521e064.png)
+![ナビゲーション履歴のスクリーンショット](../../../../translated_images/ja/history.7fdabbafa521e064.webp)
 
 戻るボタンを数回クリックしてみると、現在のURLが変更され履歴が更新されますが、同じテンプレートが表示され続けます。
 
diff --git a/translations/ja/7-bank-project/2-forms/README.md b/translations/ja/7-bank-project/2-forms/README.md
index d17a8a056..7fc5d7597 100644
--- a/translations/ja/7-bank-project/2-forms/README.md
+++ b/translations/ja/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ graph TD
 2. ブラウザのアドレスバーの変化を観察
 3. ページがリロードされ、データがURLに表示されることに気づく
 
-![登録ボタンをクリックした後のブラウザのURL変化のスクリーンショット](../../../../translated_images/ja/click-register.e89a30bf0d4bc9ca.png)
+![登録ボタンをクリックした後のブラウザのURL変化のスクリーンショット](../../../../translated_images/ja/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTPメソッドの比較
 
@@ -350,7 +350,7 @@ graph TD
 2. **「アカウント作成」ボタンをクリック**
 3. **ブラウザでサーバー応答を確認**
 
-![localhost:5000/api/accountsのアドレスでブラウザウィンドウが表示され、ユーザーデータを含むJSON文字列が表示される](../../../../translated_images/ja/form-post.61de4ca1b964d91a.png)
+![localhost:5000/api/accountsのアドレスでブラウザウィンドウが表示され、ユーザーデータを含むJSON文字列が表示される](../../../../translated_images/ja/form-post.61de4ca1b964d91a.webp)
 
 **確認すべきこと:**
 - **ブラウザがAPIエンドポイントURLにリダイレクト**
@@ -565,7 +565,7 @@ async function register() {
 3. **「アカウント作成」をクリック**
 4. **コンソールメッセージとユーザーフィードバックを確認**
 
-![ブラウザコンソールにログメッセージが表示されているスクリーンショット](../../../../translated_images/ja/browser-console.efaf0b51aaaf6778.png)
+![ブラウザコンソールにログメッセージが表示されているスクリーンショット](../../../../translated_images/ja/browser-console.efaf0b51aaaf6778.webp)
 
 **期待される結果:**
 - **送信ボタンにローディング状態**が表示される
@@ -740,7 +740,7 @@ input:focus:invalid {
 3. **ユーザー名フィールドに特殊文字を入力**
 4. **負の残高額を入力**
 
-![フォーム送信時にバリデーションエラーが表示されるスクリーンショット](../../../../translated_images/ja/validation-error.8bd23e98d416c22f.png)
+![フォーム送信時にバリデーションエラーが表示されるスクリーンショット](../../../../translated_images/ja/validation-error.8bd23e98d416c22f.webp)
 
 **観察されること:**
 - **ブラウザがネイティブのバリデーションメッセージを表示**
@@ -871,7 +871,7 @@ timeline
 
 以下は、CSSスタイルを追加した後のログインページの最終的な例です：
 
-![CSSスタイルを追加した後のログインページのスクリーンショット](../../../../translated_images/ja/result.96ef01f607bf856a.png)
+![CSSスタイルを追加した後のログインページのスクリーンショット](../../../../translated_images/ja/result.96ef01f607bf856a.webp)
 
 ## 講義後のクイズ
 
diff --git a/translations/ja/7-bank-project/3-data/README.md b/translations/ja/7-bank-project/3-data/README.md
index e55e6eeff..33feb0716 100644
--- a/translations/ja/7-bank-project/3-data/README.md
+++ b/translations/ja/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![マルチページアプリケーションの更新ワークフロー](../../../../translated_images/ja/mpa.7f7375a1a2d4aa77.png)
+![マルチページアプリケーションの更新ワークフロー](../../../../translated_images/ja/mpa.7f7375a1a2d4aa77.webp)
 
 **このアプローチがぎこちなく感じられた理由:**
 - クリックするたびにページ全体を再構築する必要があった
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![シングルページアプリケーションの更新ワークフロー](../../../../translated_images/ja/spa.268ec73b41f992c2.png)
+![シングルページアプリケーションの更新ワークフロー](../../../../translated_images/ja/spa.268ec73b41f992c2.webp)
 
 **SPAがより快適に感じられる理由:**
 - 実際に変更された部分だけが更新される（賢いですよね？）
@@ -510,7 +510,7 @@ if (data.error) {
 
 無効なアカウントでテストすると、ページ上に役立つエラーメッセージが表示されるようになります！
 
-![ログイン時に表示されるエラーメッセージのスクリーンショット](../../../../translated_images/ja/login-error.416fe019b36a6327.png)
+![ログイン時に表示されるエラーメッセージのスクリーンショット](../../../../translated_images/ja/login-error.416fe019b36a6327.webp)
 
 #### ステップ4: アクセシビリティを考慮する
 
@@ -904,7 +904,7 @@ Agentモードを使用して以下のチャレンジを完了してください
 
 以下は、スタイリング後のダッシュボードの例のスクリーンショットです:
 
-![スタイリング後のダッシュボードの例のスクリーンショット](../../../../translated_images/ja/screen2.123c82a831a1d14a.png)
+![スタイリング後のダッシュボードの例のスクリーンショット](../../../../translated_images/ja/screen2.123c82a831a1d14a.webp)
 
 これを完全に再現する必要はありません。インスピレーションとして使用し、自分のスタイルで仕上げてください！
 
diff --git a/translations/ja/7-bank-project/4-state-management/README.md b/translations/ja/7-bank-project/4-state-management/README.md
index 8eaf21333..3fb63993a 100644
--- a/translations/ja/7-bank-project/4-state-management/README.md
+++ b/translations/ja/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ mindmap
 
 無駄な努力をする代わりに、**集中型状態管理**システムを作成します。これは、すべての重要なものを整理する1人の非常に組織的な人がいるようなものです:
 
-![HTML、ユーザーアクション、状態間のデータフローを示すスキーマ](../../../../translated_images/ja/data-flow.fa2354e0908fecc8.png)
+![HTML、ユーザーアクション、状態間のデータフローを示すスキーマ](../../../../translated_images/ja/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
diff --git a/translations/ja/7-bank-project/4-state-management/assignment.md b/translations/ja/7-bank-project/4-state-management/assignment.md
index 8d3403dd5..0a6d0411a 100644
--- a/translations/ja/7-bank-project/4-state-management/assignment.md
+++ b/translations/ja/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **期待される結果:**
 この課題を完了すると、銀行アプリには完全に機能する「取引追加」機能が備わり、プロフェッショナルな外観と動作を持つようになります：
 
-![「取引追加」ダイアログの例を示すスクリーンショット](../../../../translated_images/ja/dialog.93bba104afeb79f1.png)
+![「取引追加」ダイアログの例を示すスクリーンショット](../../../../translated_images/ja/dialog.93bba104afeb79f1.webp)
 
 ## 実装のテスト
 
diff --git a/translations/ja/8-code-editor/1-using-a-code-editor/README.md b/translations/ja/8-code-editor/1-using-a-code-editor/README.md
index d1600f2ec..7b8ec31ff 100644
--- a/translations/ja/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/ja/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ VSCode.devはこれらの機能をブラウザに提供します:
 
 すべてが読み込まれると、コードに集中できるように設計された美しくクリーンなワークスペースが表示されます。
 
-![デフォルトのVSCode.devインターフェース](../../../../translated_images/ja/default-vscode-dev.5d06881d65c1b323.png)
+![デフォルトのVSCode.devインターフェース](../../../../translated_images/ja/default-vscode-dev.5d06881d65c1b323.webp)
 
 **ワークスペースのツアー:**
 - **アクティビティバー**（左側のストリップ）: エクスプローラー📁、検索🔍、ソースコントロール🌿、拡張機能🧩、設定⚙️などのメインナビゲーション
@@ -233,7 +233,7 @@ VSCode.devで新しく始める場合や特定のリポジトリを開きたい
 1. [vscode.dev](https://vscode.dev)にアクセス（まだアクセスしていない場合）
 2. ウェルカム画面で「Open Remote Repository」ボタンを探してクリック
 
-   ![リモートリポジトリを開く](../../../../translated_images/ja/open-remote-repository.bd9c2598b8949e7f.png)
+   ![リモートリポジトリを開く](../../../../translated_images/ja/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. 任意のGitHubリポジトリURLを貼り付け（例: `https://github.com/microsoft/Web-Dev-For-Beginners`）
 4. Enterキーを押して魔法を体験！
@@ -242,7 +242,7 @@ VSCode.devで新しく始める場合や特定のリポジトリを開きたい
 
 コーディングの魔法使いのように感じたいですか？このキーボードショートカットを試してください: Ctrl+Shift+P（MacではCmd+Shift+P）でコマンドパレットを開く:
 
-![コマンドパレット](../../../../translated_images/ja/palette-menu.4946174e07f42622.png)
+![コマンドパレット](../../../../translated_images/ja/palette-menu.4946174e07f42622.webp)
 
 **コマンドパレットは、できることすべての検索エンジンのようなものです:**
 - 「open remote」と入力するとリポジトリオープナーを見つけられます
@@ -304,7 +304,7 @@ HTTPとHTTPSが異なるプロトコルを使用しながら同じドメイン
 3. 適切な拡張子を含むファイル名を入力（例: `style.css`, `script.js`, `index.html`）
 4. Enterキーを押してファイルを作成
 
-![新しいファイルを作成](../../../../translated_images/ja/create-new-file.2814e609c2af9aeb.png)
+![新しいファイルを作成](../../../../translated_images/ja/create-new-file.2814e609c2af9aeb.webp)
 
 **命名規則:**
 - ファイルの目的を示す説明的な名前を使用
@@ -322,7 +322,7 @@ HTTPとHTTPSが異なるプロトコルを使用しながら同じドメイン
 2. タイピングを開始すると、VSCode.devが色付け、提案、エラー検出で助けてくれます
 3. Ctrl+S（Windows/Linux）またはCmd+S（Mac）で作業を保存 - 自動保存もあります！
 
-![VSCode.devでファイルを編集](../../../../translated_images/ja/edit-a-file.52c0ee665ef19f08.png)
+![VSCode.devでファイルを編集](../../../../translated_images/ja/edit-a-file.52c0ee665ef19f08.webp)
 
 **コーディング中に起こる素晴らしいこと:**
 - コードが美しく色分けされ、読みやすくなる
@@ -395,7 +395,7 @@ mindmap
 2. 探索するか、特定のものを検索  
 3. 興味深いものをクリックして詳細を確認  
 
-![拡張機能マーケットプレイスのインターフェース](../../../../translated_images/ja/extensions.eca0e0c7f59a10b5.png)
+![拡張機能マーケットプレイスのインターフェース](../../../../translated_images/ja/extensions.eca0e0c7f59a10b5.webp)
 
 **中にあるもの：**
 
@@ -448,7 +448,7 @@ mindmap
 3. ドロップダウンから「拡張機能設定」を選択  
 4. ワークフローに合うように調整  
 
-![拡張機能設定のカスタマイズ](../../../../translated_images/ja/extension-settings.21c752ae4f4cdb78.png)
+![拡張機能設定のカスタマイズ](../../../../translated_images/ja/extension-settings.21c752ae4f4cdb78.webp)
 
 **調整したい一般的な項目：**  
 - コードのフォーマット方法（タブ vs スペース、行の長さなど）  
diff --git a/translations/ja/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ja/8-code-editor/1-using-a-code-editor/assignment.md
index 2bf07e414..48ba3cad9 100644
--- a/translations/ja/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/ja/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ VSCode.devではリポジトリを開くために少なくとも1つのファイ
 4. コミットメッセージを記入：「初期HTML構造を追加」
 5. 「Commit new file」をクリックして変更を保存
 
-![GitHubで初期ファイルを作成](../../../../translated_images/ja/new-file-github.com.c886796d800e8056.png)
+![GitHubで初期ファイルを作成](../../../../translated_images/ja/new-file-github.com.c886796d800e8056.webp)
 
 **この初期設定で達成されること：**
 - **HTML5ドキュメント構造**をセマンティック要素で確立
@@ -104,7 +104,7 @@ VSCode.devではリポジトリを開くために少なくとも1つのファイ
 
 ✅ **成功の指標**: Explorerサイドバーにプロジェクトファイルが表示され、メインエディタエリアで`index.html`が編集可能になります。
 
-![VSCode.devでプロジェクトを読み込む](../../../../translated_images/ja/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.devでプロジェクトを読み込む](../../../../translated_images/ja/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **インターフェースで見えるもの：**
 - **Explorerサイドバー**: リポジトリのファイルとフォルダ構造を表示
@@ -448,7 +448,7 @@ li:before {
 **インストール後の即時結果：**
 CodeSwingがインストールされると、履歴書ウェブサイトのライブプレビューがエディタに表示されます。これにより、変更を加えるたびにサイトの外観を正確に確認できます。
 
-![CodeSwing拡張機能によるライブプレビュー](../../../../translated_images/ja/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing拡張機能によるライブプレビュー](../../../../translated_images/ja/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **強化されたインターフェースの理解：**
 - **分割ビュー**: コードとライブプレビューを並べて表示
diff --git a/translations/ja/9-chat-project/README.md b/translations/ja/9-chat-project/README.md
index a7bfdd9d3..9e5e17994 100644
--- a/translations/ja/9-chat-project/README.md
+++ b/translations/ja/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 完成したプロジェクトは以下のようになります:
 
-![ユーザーとAIアシスタントの会話を表示するチャットアプリのインターフェース](../../../translated_images/ja/screenshot.0a1ee0d123df681b.png)
+![ユーザーとAIアシスタントの会話を表示するチャットアプリのインターフェース](../../../translated_images/ja/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ AIアプリケーション開発の学習の旅
 
@@ -194,7 +194,7 @@ mindmap
 
 **基本原則**: AIアプリケーション開発は、従来のウェブ開発スキルとAIサービス統合を組み合わせ、自然で応答性の高いインテリジェントなアプリケーションを作成します。
 
-![GitHub Models AI Playgroundのインターフェース。モデル選択とテストエリアを表示](../../../translated_images/ja/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playgroundのインターフェース。モデル選択とテストエリアを表示](../../../translated_images/ja/playground.d2b927122224ff8f.webp)
 
 **Playgroundが非常に便利な理由:**
 - **試す**: GPT-4o-mini、Claudeなどの異なるAIモデルを無料で試せる
@@ -204,7 +204,7 @@ mindmap
 
 少し試してみたら、「Code」タブをクリックしてプログラミング言語を選択し、必要な実装コードを取得するだけです。
 
-![Playgroundの選択画面。異なるプログラミング言語のコード生成オプションを表示](../../../translated_images/ja/playground-choice.1d23ba7d407f4758.png)
+![Playgroundの選択画面。異なるプログラミング言語のコード生成オプションを表示](../../../translated_images/ja/playground-choice.1d23ba7d407f4758.webp)
 
 ## Pythonバックエンド統合のセットアップ
 
@@ -2139,14 +2139,14 @@ mindmap
 - **[Web Dev For Beginnersリポジトリ](https://github.com/microsoft/Web-Dev-For-Beginners)**に移動  
 - **右上の「Use this template」**をクリック（GitHubにログインしていることを確認）  
 
-![テンプレート作成インターフェースで緑色の「Use this template」ボタンが表示されている](../../../translated_images/ja/template.67ad477109d29a2b.png)
+![テンプレート作成インターフェースで緑色の「Use this template」ボタンが表示されている](../../../translated_images/ja/template.67ad477109d29a2b.webp)
 
 **ステップ2: Codespacesを起動**
 - **新しく作成したリポジトリを開く**  
 - **緑色の「Code」ボタンをクリックし、「Codespaces」を選択**  
 - **「Create codespace on main」を選択して開発環境を開始**  
 
-![クラウド開発環境を起動するためのCodespaceインターフェース](../../../translated_images/ja/codespace.bcecbdf5d2747d3d.png)
+![クラウド開発環境を起動するためのCodespaceインターフェース](../../../translated_images/ja/codespace.bcecbdf5d2747d3d.webp)
 
 **ステップ3: 環境設定**
 Codespaceが読み込まれると、以下にアクセスできます：
diff --git a/translations/ja/README.md b/translations/ja/README.md
index 89f60d526..371a5e21a 100644
--- a/translations/ja/README.md
+++ b/translations/ja/README.md
@@ -72,13 +72,13 @@ Azure AI Foundry Discordコミュニティに参加
 
 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)で今すぐ始めましょう！
 
-![Background](../../translated_images/ja/background.148a8d43afde5730.png)
+![Background](../../translated_images/ja/background.148a8d43afde5730.webp)
 
 - 基礎からRAGまでをカバーするレッスン。
 - GenAIと連携アプリで歴史上の人物と対話。
 - 楽しく魅力的な物語形式でタイムトラベル体験！
 
-![character](../../translated_images/ja/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/ja/character.5c0dd8e067ffd693.webp)
 
 
 各レッスンには課題、知識チェック、チャレンジが含まれており、以下のようなトピックを学びます：
@@ -115,7 +115,7 @@ Azure AI Foundry Discordコミュニティに参加
 
 作成したリポジトリのコピーで、**Code**ボタンをクリックし、**Open with Codespaces**を選択すると、新しいCodespaceが作成されます。
 
-![Codespace](../../translated_images/ja/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/ja/createcodespace.0238bbf4d7a8d955.webp)
 
 #### ご自身のコンピューターでカリキュラムを実行する
 
diff --git a/translations/ja/for-teachers.md b/translations/ja/for-teachers.md
index 259eae7d4..c99f8b50b 100644
--- a/translations/ja/for-teachers.md
+++ b/translations/ja/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle CloudはCommon Cartridgeのサポートが限定的です。上記のMoodleファイルを使用することを推奨します。このファイルはCanvasにもアップロード可能です。
   - インポート後、モジュール、締切日、クイズ設定を学期スケジュールに合わせて確認してください。
 
-![Moodle](../../translated_images/ja/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/ja/moodle.94eb93d714a50cb2.webp)
 > Moodle教室でのカリキュラム
 
-![Canvas](../../translated_images/ja/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/ja/canvas.fbd605ff8e5b8aff.webp)
 > Canvasでのカリキュラム
 
 ### リポジトリを直接使用する場合（Classroomを使用しない場合）
diff --git a/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4b8375229..09f4ba6eb 100644
--- a/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ಇಂದಿನ ದಿನದಲ್ಲಿ, ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ಸಾಧ್ಯಗೊಳಿಸುವ ಅದ್ಭುತ ಸಾಧನಗಳ ಮೇಲೆ ನಾವು ಪ್ರಯಾಣ ಮಾಡುವೆವು. ನಾನು ನಿಮ್ಮ Netflix, Spotify ಮತ್ತು ನಿಮ್ಮ ಇಷ್ಟದ ಸ್ವತಂತ್ರ ಆಪ್ ಸ್ಟುಡಿಯೋದ ಡೆವಲಪರ್ ಗಳು ಪ್ರತಿದಿನ ಬಳಸುವ ಎಡಿಟರ್ ಗಳು, ಬ್ರೌಸರ ಗಳು ಮತ್ತು ವರ್ಕ್‌ಫ್ಲೋಗಳನ್ನು ತಿಳಿಸುತ್ತಿದ್ದೇನೆ. ಮತ್ತು ಇದು ನಿಮಗೆ ಸಂತೋಷಕ್ಕಾಗುವ ಸಂಗತಿ: ಈ ಪರಿಣಿತಿ-ತರಗತಿಯ, ಉದ್ಯಮ-ಮಟ್ಟದ ಬಹುಮತ ಸಾಧನಗಳು ಬಹುಶಃ ಸಂಪೂರ್ಣ ಉಚಿತವಾಗಿವೆ!
 
-![Intro Programming](../../../../translated_images/kn/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/kn/webdev101-programming.d6e3f98e61ac4bff.webp)
 > ಟೊಮೊಮಿ ಇಮುರಾ ಅವರ ಸ್ಕೆಚ್ ನೋಟ್ [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/kn/1-getting-started-lessons/2-github-basics/README.md b/translations/kn/1-getting-started-lessons/2-github-basics/README.md
index 663b93441..0869e7b39 100644
--- a/translations/kn/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/kn/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ನಾವು ಈ ಪ್ರಯಾಣವನ್ನು ಒಂದೊಂದು ಹಂತವಾಗಿ ಹೋಗೋಣ. ಬೇಗನೆ ಮಾಡಲು ಬೇಡ, ಒತ್ತಡ ಮಾಡಬೇಡ – ನಿಮ್ಮ ಹಾಗೂ ನನ್ನ ನಡುವೆ ಮತ್ತು ನಿಮ್ಮ ಹೊಸ ಅತ್ಯುತ್ತಮ ಸ್ನೇಹಿತರಾದ ಕೆಲವು ಅಬ್ಬರದ ಉಪಕರಣಗಳ ಜೊತೆ!
 
-![Intro to GitHub](../../../../translated_images/kn/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/kn/webdev101-github.8846d7971abef6f9.webp)
 > ಸ್ಕೆಚ್ನೋಟ್: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -604,7 +604,7 @@ flowchart TD
 
 ✅ 'ಬಗ್ಗೆ ಪರಿಚಯದ' ರೆಪೊಗಳನ್ನು ಕಂಡುಹಿಡಿಯಲು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ [ ‘good-first-issue’ ಟ್ಯಾಗ್ ಮೂಲಕ ಹುಡುಕಿ](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![ನಿಮ್ಮ ಲೊಕಲ್ ಗೆ ರೆಪೊ ನಕಲಿಸಿ](../../../../translated_images/kn/clone_repo.5085c48d666ead57.png)
+![ನಿಮ್ಮ ಲೊಕಲ್ ಗೆ ರೆಪೊ ನಕಲಿಸಿ](../../../../translated_images/kn/clone_repo.5085c48d666ead57.webp)
 
 ಕೋಡ್ ನಕಲಿಸುವ ಹಲವಾರು ವಿಧಾನಗಳಿವೆ. ಒಂದು ವಿಧಾನವೆಂದರೆ “ಕ್ಲೋನ್” ಮಾಡುವುದು, ಅದು https, SSH ಅಥವಾ GitHub CLI (ಕಮಾಂಡ್ ಲೈನ್ ಇಂಟರ್ಫೇಸ್) ಬಳಸಿ ರೆಪೊ ಸಹಿತದ ವಿಷಯವನ್ನು ನಕಲಿಸುವುದು.
 
diff --git a/translations/kn/1-getting-started-lessons/3-accessibility/README.md b/translations/kn/1-getting-started-lessons/3-accessibility/README.md
index cb13658ea..e58c59ded 100644
--- a/translations/kn/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/kn/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ಪ್ರವೇಶಿಸಲು ಅನುವುಮಾಡಿದ ವೆಬ್‌ಪೇಜ್‌ಗಳ ಸೃಷ್ಟಿ
 
-![ಎಲ್ಲಾ ಪ್ರವೇಶಾಸಾಧ್ಯತೆಯ ಬಗ್ಗೆ](../../../../translated_images/kn/webdev101-a11y.8ef3025c858d897a.png)
+![ಎಲ್ಲಾ ಪ್ರವೇಶಾಸಾಧ್ಯತೆಯ ಬಗ್ಗೆ](../../../../translated_images/kn/webdev101-a11y.8ef3025c858d897a.webp)
 > ಸ್ಕೆಚ್ನೋಟ್ [ಟೊಮೊಮಿ ಇಮುರಾ](https://twitter.com/girlie_mac) ಅವರಿಂದ
 
 ```mermaid
diff --git a/translations/kn/2-js-basics/1-data-types/README.md b/translations/kn/2-js-basics/1-data-types/README.md
index d511247bb..daf8de697 100644
--- a/translations/kn/2-js-basics/1-data-types/README.md
+++ b/translations/kn/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲತತ್ವಗಳು: ಡೇಟಾ ಪ್ರಕಾರಗಳು
 
-![JavaScript Basics - Data types](../../../../translated_images/kn/webdev101-js-datatypes.4cc470179730702c.png)  
+![JavaScript Basics - Data types](../../../../translated_images/kn/webdev101-js-datatypes.4cc470179730702c.webp)  
 > ಪರಿಚಿತ್ರಣ: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/kn/2-js-basics/2-functions-methods/README.md b/translations/kn/2-js-basics/2-functions-methods/README.md
index 5fa2d55e0..1030492a4 100644
--- a/translations/kn/2-js-basics/2-functions-methods/README.md
+++ b/translations/kn/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript ಮೂಲಗಳು: ವಿಧಾನಗಳು ಮತ್ತು ಕಾರ್ಯಗಳು
 
-![JavaScript ಮೂಲಗಳು - ಕಾರ್ಯಗಳು](../../../../translated_images/kn/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript ಮೂಲಗಳು - ಕಾರ್ಯಗಳು](../../../../translated_images/kn/webdev101-js-functions.be049c4726e94f8b.webp)
 > ಸ್ಕೆಚ್ ನೋಟು [Tomomi Imura](https://twitter.com/girlie_mac) ಅವರಿಂದ
 
 ```mermaid
diff --git a/translations/kn/2-js-basics/3-making-decisions/README.md b/translations/kn/2-js-basics/3-making-decisions/README.md
index daa727e1a..b252c908a 100644
--- a/translations/kn/2-js-basics/3-making-decisions/README.md
+++ b/translations/kn/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭूतಗಳು: ನಿರ್ಧಾರಗಳನ್ನು ಕೈಗೊಳ್ಳುವುದು
 
-![JavaScript Basics - Making decisions](../../../../translated_images/kn/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/kn/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > ಸ್ಕೆಚ್‌ನೋಟ್ [Tomomi Imura](https://twitter.com/girlie_mac) ಅವರಿಂದ
 
diff --git a/translations/kn/2-js-basics/4-arrays-loops/README.md b/translations/kn/2-js-basics/4-arrays-loops/README.md
index d3f6525d5..378a47111 100644
--- a/translations/kn/2-js-basics/4-arrays-loops/README.md
+++ b/translations/kn/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript ಮೂಲಭೂತಗಳು: ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು
 
-![JavaScript ಮೂಲಭೂತಗಳು - ಅರೆಗಳು](../../../../translated_images/kn/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript ಮೂಲಭೂತಗಳು - ಅರೆಗಳು](../../../../translated_images/kn/webdev101-js-arrays.439d7528b8a29455.webp)
 > ಟೊಮೊಮಿ ಇಮುರುವವರಿಂದ ಸ್ಕೆಚ್ ನೋಟ್ [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/kn/3-terrarium/2-intro-to-css/README.md b/translations/kn/3-terrarium/2-intro-to-css/README.md
index d47308d6e..d25276924 100644
--- a/translations/kn/3-terrarium/2-intro-to-css/README.md
+++ b/translations/kn/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Responsive design: 5: Student
       Glass reflections: 5: Student
 ```
-![CSS ಗೆ ಪರಿಚಯ](../../../../translated_images/kn/webdev101-css.3f7af5991bf53a20.png)
+![CSS ಗೆ ಪರಿಚಯ](../../../../translated_images/kn/webdev101-css.3f7af5991bf53a20.webp)
 > [ಟೊಮೊми ಇಮುರಾ](https://twitter.com/girlie_mac) ರವರ ಸ್ಕೆಚ್ ನೋಟ
 
 ನಿಮ್ಮ HTML ಟೆರೇರಿಯಂ ಹೌದು ಎಂದಾದರೂ ತುಂಬಾ ಸರಳವಾಗಿ ಕಂಡಿತಾ? CSS ಆ ಸರಳ ರಚನೆಯನ್ನು ದೃಶ್ಯಾತ್ಮಕವಾಗಿ ಆಕರ್ಷಕವಾಗಿಸುವುದೇ ಆಗಿದೆ.
@@ -202,7 +202,7 @@ body {
 
 ನಿಮ್ಮ ಬ್ರೌಸರ್ ಡೆವಲಪರ್ ಟೂಲ್‌ಗಳು (F12) ತೆರೆಯಿರಿ, Elements ಟ್ಯಾಬ್‌ಗೆ ಹೋಗಿ, ಮತ್ತು ನಿಮ್ಮ `<h1>` ಎಲಿಮೆಂಟ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ. ಅದು ನೆಲೆಯ `<body>` ಮೂಲಕ ಫಾಂಟ್ ಫ್ಯಾಮಿಲಿ ಪರಂಪರೆಯನ್ನು ಪಡೆಯುತ್ತಿದೆ:
 
-![ಪರಂಪರೆಯಾಗುತ್ತಿರುವ ಫಾಂಟ್](../../../../translated_images/kn/1.cc07a5cbe114ad1d.png)
+![ಪರಂಪರೆಯಾಗುತ್ತಿರುವ ಫಾಂಟ್](../../../../translated_images/kn/1.cc07a5cbe114ad1d.webp)
 
 ✅ **ಪ್ರಯೋಗ ಸಮಯ**: `<body>` ಮೇಲೆ `color`, `line-height`, ಅಥವಾ `text-align` ಮುಂತಾದ ಇತರೆ ಪರಂಪರೆಯಾಗುವ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಿಶ್ಚಯಿಸಿ ನೋಡಿ. ನಿಮ್ಮ ಶೀರ್ಷಿಕೆ ಮತ್ತು ಇತರ ಎಲಿಮೆಂಟ್‌ಗಳಿಗೆ ಏನು ಆಗುತ್ತದೆ?
 
diff --git a/translations/kn/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/kn/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 2e1e3684a..9e665fbbf 100644
--- a/translations/kn/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/kn/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಪರೀಕ್ಷಿಸಿ: 5: Student
       ಟೆರೇರಿಯಂ ಪೂರ್ಣಗೊಳಿಸಿ: 5: Student
 ```
-![DOM ಮತ್ತು ಒಂದು ಕ್ಲೋಶರ್](../../../../translated_images/kn/webdev101-js.10280393044d7eaa.png)
+![DOM ಮತ್ತು ಒಂದು ಕ್ಲೋಶರ್](../../../../translated_images/kn/webdev101-js.10280393044d7eaa.webp)
 > ಸ್ಪಷ್ಟಚಿತ್ರಣ [ಟೊಮೊಮಿ ಇಮುರು](https://twitter.com/girlie_mac) ಅವರಿಂದ
 
 ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಅತ್ಯಂತ ಆಕರ್ಷಕ ಅಂಶಗಳಲ್ಲಿ ಒಂದಕ್ಕೆ ಸ್ವಾಗತ - ವಿಷಯಗಳನ್ನು ಸಂವಾದಾತ್ಮಕವಾಗಿ ಮಾಡುವುದಕ್ಕೆ! ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾದರಿ (DOM) ನಿಮ್ಮ HTML ಮತ್ತು JavaScript ನಡುವಿನ ಸೇತುವೆಯಾಗಿದ್ದು, ಇಂದು ನಾವು ಅದನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಟೆರಾರಿಯನ್‌ಗೆ ಜೀವ ತುಂಬಿಸುತ್ತೇವೆ. ಟಿಮ್ ಬರ್ಮರ್ಸ್-ಲೀ ಮೊದಲ ವೆಬ್ ಬ್ರೌಸರ್ ಅನ್ನು ರಚಿಸುವಾಗ, ಅವರು ಡೈನಾಮಿಕ್ ಮತ್ತು ಸಂವಾದಾತ್ಮಕ ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳುಳ್ಳ ಒಂದು ವೆಬ್‌ನ ಕನಸನ್ನು ಕಂಡಿದ್ದರು - DOM ಆ ಕನಸನ್ನು ಸಾಧ್ಯವಾಗಿಸುತ್ತದೆ.
@@ -104,7 +104,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM ವೃಕ್ಷ ಪ್ರತಿನಿಧಾನ](../../../../translated_images/kn/dom-tree.7daf0e763cbbba92.png)
+![DOM ವೃಕ್ಷ ಪ್ರತಿನಿಧಾನ](../../../../translated_images/kn/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ಹಾಗೂ ಅದಕ್ಕೆ ಉಲ್ಲೇಖಿಸುವ HTML ಮಾರ್ಕ್ಅಪ್‌ನ ಪ್ರತಿನಿಧಾನ. [ಒಲ್ಫಾ ನಾಸ್ರಾವೋಯಿ](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) ಅವರಿಂದ
 
@@ -148,7 +148,7 @@ flowchart LR
 ```
 > 💡 **ಕ್ಲೋಶರ್‌ಗಳ ಸಾಮಗ್ರಿಯನ್ನು ಅರಿಯುವುದು**: ಕ್ಲೋಶರ್‌ಗಳು JavaScript ನ ಪ್ರಮುಖ ವಿಷಯವಾಗಿದ್ದು, ಹಲವಾರು ಡೆವಲಪರ್‌ಗಳು ಸಾಕಷ್ಟು ಕಾಲಗಳ ಕಾಲ ಅವುಗಳ ತಾತ್ವಿಕ ಅಂಶಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಓಗಿಕೊಳ್ಳುವ ಮೊದಲು ಬಳಕೆ ಮಾಡುತ್ತಾರೆ. ಇಂದು ನಾವು ಪ್ರಾಯೋಗಿಕ ಅನ್ವಯಕ್ಕೆ ಗಮನವಿಡುತ್ತೇವೆ - ನೀವು ನಮ್ಮ ಸಂವಾದಾತ್ಮಕ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನಿರ್ಮಿಸುವಾಗ, ಕ್ಲೋಶರ್‌ಗಳು ಸಹಜವಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುವುದನ್ನು ತಿಳಿದುಕೊಳ್ಳುತ್ತೀರಿ.
 
-![DOM ವೃಕ್ಷ ಪ್ರತಿನಿಧಾನ](../../../../translated_images/kn/dom-tree.7daf0e763cbbba92.png)
+![DOM ವೃಕ್ಷ ಪ್ರತಿನಿಧಾನ](../../../../translated_images/kn/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ಹಾಗೂ ಅದಕ್ಕೆ ಉಲ್ಲೇಖಿಸುವ HTML ಮಾರ್ಕ್‌ಅಪ್‌ನ ಪ್ರತಿನಿಧಾನ. [ಒಲ್ಫಾ ನಾಸ್ರಾವೋಯಿ](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) ಅವರಿಂದ
 
@@ -593,7 +593,7 @@ function stopElementDrag() {
 - **ಕ್ರಾಸ್-ಡಿವೈಸ್ ಬೆಂಬಲ**: ಡೆಸ್ಕ್ಟಾಪ್ ಮತ್ತು ಮೊಬೈಲ್ ಎರಡರಲ್ಲೂ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ
 - **ಕಾರ್ಯಕ್ಷಮತೆಯ ವಿವರವಾದ ಶ್ರದ್ಧೆ**: ನೆನಪು ಲೀಕ್ ಅಥವಾ ಅನವಶ್ಯಕ ಲೆಕ್ಕಾಚಾರ ಇಲ್ಲ
 
-![finished terrarium](../../../../translated_images/kn/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/kn/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/kn/3-terrarium/solution/README.md b/translations/kn/3-terrarium/solution/README.md
index ed48ee893..5ee9d0a52 100644
--- a/translations/kn/3-terrarium/solution/README.md
+++ b/translations/kn/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ಒಂದು ಸಣ್ಣ ಡ್ರಾಗ್ ಮತ್ತು ಡ್ರೋಪ್ ಕೋಡ್-ಪ್ರಾರ್ಥನೆ. ಸ್ವಲ್ಪ HTML, JS ಮತ್ತು CSS ಜೊತೆಗೆ, ನೀವು ಒಂದು ವೆಬ್ ಇಂಟರ್ಫೇಸ್ ನಿರ್ಮಿಸಿ, ಅಂದ Saj​​​​​​​​ ದಿ ಕೊಟ್ಟು, ಮತ್ತು ಒಂದು ಇಂಟರೆಕ್ಷನ್ ಸೇರಿಸಬಹುದು.
 
-![my terrarium](../../../../translated_images/kn/screenshot_gray.0c796099a1f9f25e.png)
+![my terrarium](../../../../translated_images/kn/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## ಕ್ರೆಡಿಟ್ಸ್
 
diff --git a/translations/kn/5-browser-extension/1-about-browsers/README.md b/translations/kn/5-browser-extension/1-about-browsers/README.md
index 092baf492..fee1076ed 100644
--- a/translations/kn/5-browser-extension/1-about-browsers/README.md
+++ b/translations/kn/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       ದೋಷಗಳನ್ನು ಸರಿಪಡಿಸಿ: 4: Student
       ಅನುಭವವನ್ನು ನಿಖರಗೊಳಿಸಿ: 5: Student
 ```
-![ಬ್ರೌಸರ ಸ್ಕೆಟ್‌ನೋಟ್](../../../../translated_images/kn/browser.60317c9be8b7f84a.jpg)
+![ಬ್ರೌಸರ ಸ್ಕೆಟ್‌ನೋಟ್](../../../../translated_images/kn/browser.60317c9be8b7f84a.webp)
 > ಸ್ಕೆಟ್‌ನೋಟ್ [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ಅವರಿಂದ
 
 ## ಓಪನಾಗಿ ಪಾಠದ ಪೂರ್ವ ಪ್ರಶ್ನೆಗಳ ಸರಣಿ
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **ಚಿಕ್ಕ ಇತಿಹಾಸ**: ಮೊದಲ ಬ್ರೌಸರ ಹೆಸರೇ 'WorldWideWeb' ಆಗಿತ್ತು ಮತ್ತು ಅದನ್ನು ಸರ್ ಟಿಮೋಥಿ ಬರ್ನರ್ಸ್-ಲೀ 1990 ರಲ್ಲಿ ರಚಿಸಿದ್ದರು.
 
-![ಪ್ರಾಚೀನ ಬ್ರೌಸರಗಳು](../../../../translated_images/kn/earlybrowsers.d984b711cdf3a42d.jpg)
+![ಪ್ರಾಚೀನ ಬ್ರೌಸರಗಳು](../../../../translated_images/kn/earlybrowsers.d984b711cdf3a42d.webp)
 > ಕೆಲವೊಂದು ಪ್ರಾಚೀನ ಬ್ರೌಸರಗಳು, [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ಅವರ ಮೂಲಕ
 
 ### ಬ್ರೌಸರ್‌ಗಳು ವೆಬ್ ವಿಷಯವನ್ನು 어떻게 ಪ್ರಕ್ರಿಯೆ ಪಡಿಸುತ್ತವೆ
@@ -194,7 +194,7 @@ quadrantChart
 
 ವಿಸ್ತಾರಗಳನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡುವ ಪ್ರಕ್ರಿಯೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳುವ ಮೂಲಕ, ನೀವು ಜನರು ನಿಮ್ಮ ವಿಸ್ತಾರವನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡುವಾಗ ಬಳಕೆದಾರ ಅನುಭವದ ನಿರೀಕ್ಷೆಯನ್ನು ಮಾಡಬಹುದು. ಇನ್‌ಸ್ಟಾಲೇಶನ್ ಪ್ರಕ್ರಿಯೆ ಆಧುನಿಕ ಬ್ರೌಸರ‌ಗಳಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿದೆ, ಕೆಲವು ಸಣ್ಣ ವ್ಯತ್ಯಾಸಗಳು ಮಾತ್ರ ಇಂಟರ್‌ಫೇಸ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಇರುತ್ತವೆ.
 
-![ಎಡ್ಜ್ ಬ್ರೌಸರ‌ನ open edge://extensions ಪುಟ ಮತ್ತು open settings ಮೆನು ಸ್ಕೆನ್ಷಾಟ್](../../../../translated_images/kn/install-on-edge.d68781acaf0b3d3d.png)
+![ಎಡ್ಜ್ ಬ್ರೌಸರ‌ನ open edge://extensions ಪುಟ ಮತ್ತು open settings ಮೆನು ಸ್ಕೆನ್ಷಾಟ್](../../../../translated_images/kn/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **ಮುಖ್ಯವಾದುದು**: ನಿಮ್ಮ ಸ್ವಂತ ವಿಸ್ತಾರಗಳನ್ನು ಪರೀಕ್ಷಿಸುವಾಗ ಡೆವಲಪರ್ ಮೋಡ್ ಅನ್ನು ಟೋಗಲ್ ಆನ್ ಮಾಡಿ ಮತ್ತು ಬೇರೆ ಸ್ಟೋರ್‌ಗಳಿಂದ ವಿಸ್ತಾರಗಳನ್ನು ಅನುಮತಿಸಿ.
 
@@ -308,10 +308,10 @@ project-root/
 ### ವಿಸ್ತಾರ ವೀಕ್ಷಣೆಗಳ ಸಮೀಕ್ಷೆ
 
 **ಸೆಟಪ್ ವೀಕ್ಷಣೆ** - ಮೊದಲು ಬಳಕೆದಾರ ಸಂರಚನೆ:
-![ವಿಸ್ತಾರವನ್ನು ಬ್ರೌಸರಿನಲ್ಲಿ ತೆರೆಯಲಾದ ಸಂದರ್ಭದಲ್ಲಿ, ಪ್ರಾಂತ್ಯ ಹೆಸರು ಮತ್ತು API ಕೀಗಳ ನಮೂದಾಗಿರುವ ಫಾರ್ಮ್ ಭೇಟಿನೋಟ.](../../../../translated_images/kn/1.b6da8c1394b07491.png)
+![ವಿಸ್ತಾರವನ್ನು ಬ್ರೌಸರಿನಲ್ಲಿ ತೆರೆಯಲಾದ ಸಂದರ್ಭದಲ್ಲಿ, ಪ್ರಾಂತ್ಯ ಹೆಸರು ಮತ್ತು API ಕೀಗಳ ನಮೂದಾಗಿರುವ ಫಾರ್ಮ್ ಭೇಟಿನೋಟ.](../../../../translated_images/kn/1.b6da8c1394b07491.webp)
 
 **ಫಲಿತಾಂಶ ವೀಕ್ಷಣೆ** - ಕಾರ್ಬನ್ ಫೂಟ್‌ಪ್ರಿಂಟ್ ಡೇಟಾ ಪ್ರದರ್ಶನ:
-![ಸಂಪೂರ್ಣಗೊಂಡ ವಿಸ್ತಾರವು US-NEISO ಪ್ರಾಂತ್ಯದ ಕಾರ್ಬನ್ ಬಳಕೆ ಮತ್ತು ಜಾಡು ಇಂಧನ ಶೇಕಡಾವಾರು ಮೌಲ್ಯಗಳನ್ನು ತೋರುತ್ತಿದೆ.](../../../../translated_images/kn/2.1dae52ff08042246.png)
+![ಸಂಪೂರ್ಣಗೊಂಡ ವಿಸ್ತಾರವು US-NEISO ಪ್ರಾಂತ್ಯದ ಕಾರ್ಬನ್ ಬಳಕೆ ಮತ್ತು ಜಾಡು ಇಂಧನ ಶೇಕಡಾವಾರು ಮೌಲ್ಯಗಳನ್ನು ತೋರುತ್ತಿದೆ.](../../../../translated_images/kn/2.1dae52ff08042246.webp)
 
 ### ಸಂರಚನಾ ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು
 
diff --git a/translations/kn/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/kn/5-browser-extension/2-forms-browsers-local-storage/README.md
index 2eee0b30d..a905ad9c4 100644
--- a/translations/kn/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/kn/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -265,7 +265,7 @@ stateDiagram-v2
     Reset --> ClearStorage: ಸಂಗ್ರಹಿಸಿರುವ ಡೇಟಾ ತೆರವುಗೊಳಿಸಿ
     ClearStorage --> FirstTime: ಸೆಟ್ ಅಪ್ ಗೆ ಹಿಂತಿರುಗಿ
 ```
-![ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ ಫಲಕ](../../../../translated_images/kn/localstorage.472f8147b6a3f8d1.png)
+![ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ ಫಲಕ](../../../../translated_images/kn/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **ಭದ್ರತಾ ಪರಿಗಣನೆ**: ಉತ್ಪಾದನಾ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ, API ಕೀಗಳನ್ನು LocalStorage ನಲ್ಲಿ ಸಂಗ್ರಹಿಸುವುದು ಭದ್ರತಾ ಅಪಾಯವನ್ನು ಉಂಟುಮಾಡಬಹುದು ಏಕೆಂದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗೆ ಈ ಡೇಟಾ ಪ್ರಾಪ್ತಿಯಿದೆ. ಕಲಿಕೆಯ ಉದ್ದೇಶಗಳಿಗೆ, ಈ ವಿಧಾನ ಸರಿಯಾಗಿದೆ, ಆದರೆ ನಿಜವಾದ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಸಂವೇದನಾಶೀಲ ಪ್ರಮಾಣಪತ್ರಗಳಿಗಾಗಿ ಭದ್ರ ಸರ್ವರ್-ಬದಿಗೆ ಸಂಗ್ರಹಣೆಯನ್ನು ಬಳಸಬೇಕು.
 
diff --git a/translations/kn/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/kn/5-browser-extension/3-background-tasks-and-performance/README.md
index 908a9ffeb..7f108f8b6 100644
--- a/translations/kn/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/kn/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 ಈದು ಪ್ರಯತ್ನಿಸೋಣ. ಒಂದು ವೆಬ್‌ಸೈಟ್ ತೆರೆಯಿರಿ (Microsoft.com ಚೆನ್ನಾಗಿದೆ) ಮತ್ತು 'Record' ಬಟನ್ ಒತ್ತಿ. ಈಗ ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿ ಮತ್ತು ಪ್ರೊಫೈಲರ್ ಕ್ರಿಯೆಯನ್ನು ಸೆರೆಹಿಡಿಯುವುದನ್ನು ನೋಡಿ. ನೀವು ರೆಕಾರ್ಡ್ ನಿಲ್ಲಿಸಿದಾಗ, ಬ್ರೌಸರ್ 'ಸ್ಕ್ರಿಪ್ಟ್', 'ರೆಂಡರ್', ಮತ್ತು 'ಪೇಂಟ್' ಆಗುವ ವೈಯಕ್ತಿಕ ವಿವರವನ್ನು ನೋಡುತ್ತೀರಿ. ಇದು ರಾಕೆಟ್ ಲಾಂಚ್ ಸಮಯದ ಮಿಷನ್ ಕಂಟ್ರೋಲ್ ನಲ್ಲಿ ಪ್ರತಿ ವ್ಯವಸ್ಥೆಯನ್ನು ಮೇಲ್ವಿಚಾರಣೆ ಮಾಡುವ ರೀತಿಯಾಗಿದೆ - ನೀವು ನಿಜ ಸಮಯದಲ್ಲಿ ಏನು ಮತ್ತು ಯಾವಾಗ ನಡೆಯುತ್ತಿದೆ ಎಂಬ ಡೇಟಾವನ್ನು ಪಡೆಯುತ್ತೀರಿ.
 
-![Edge profiler](../../../../translated_images/kn/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/kn/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft ಡಾಕ್ಯುಮೆಂಟೇಷನ್](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ಹೆಚ್ಚು ವಿವರಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಬಹುದು
 
@@ -133,11 +133,11 @@ flowchart LR
 
 ಪ್ರೊಫೈಲ್ ಟೈಮ್‌ಲೈನ್‌ನ ಭಾಗ ಆಯ್ಕೆ ಮಾಡಿ ಸಾರಾಂಶ ಪೇನ್ ನಲ್ಲಿ ನಿಮ್ಮ ಪುಟದ ಕಾರ್ಯಕ್ಷಮತೆಯ ಸ್ನಾಪ್‌ಶಾಟ್ ಪಡೆಯಿರಿ:
 
-![Edge profiler snapshot](../../../../translated_images/kn/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/kn/snapshot.97750180ebcad737.webp)
 
 ಈವೆಂಟ್ ಲಾಗ್ ಪೇನ್ (Event Log pane) ತಪಾಸಿಸಿ ಯಾವುದೇ ಈವೆಂಟ್ 15 ಮಿಲಿಸೆಕೆಂಡ್ ಗಿಂತ ಹೆಚ್ಚು ಸಮಯ ತೆಗೆದುಕೊಂಡಿದೆಯೇ ಎಂಬುದನ್ನು ನೋಡಿ:
 
-![Edge event log](../../../../translated_images/kn/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/kn/log.804026979f3707e0.webp)
 
 ✅ ನಿಮ್ಮ ಪ್ರೊಫೈಲರ್ ಪರಿಚಯಿಸಿದರು! ಈ ಸೈಟ್‌ನಲ್ಲಿ ಡೆವಲಪರ್ ಟೂಲ್‌ಗಳನ್ನು ತೆರೆಯಿರಿ, ಯಾವುದಾದರೂ ಸಮಸ್ಯೆಗಳಿವೆ ಎಂಬುದನ್ನು ನೋಡಿ. ಏನು ಅತ್ಯಂತ ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ? ಏನು ಅತ್ಯಂತ ವೇಗವಾಗಿ?
 
diff --git a/translations/kn/5-browser-extension/README.md b/translations/kn/5-browser-extension/README.md
index 203818efa..ece01e09b 100644
--- a/translations/kn/5-browser-extension/README.md
+++ b/translations/kn/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### ಕ್ರೆಡಿಟ್ಸ್
 
-![ಹಸಿರು ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್‌ಶನ್](../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ಹಸಿರು ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್‌ಶನ್](../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಕ್ರೆಡಿಟ್ಸ್
 
diff --git a/translations/kn/5-browser-extension/solution/README.md b/translations/kn/5-browser-extension/solution/README.md
index b94cd47bc..d37bf8115 100644
--- a/translations/kn/5-browser-extension/solution/README.md
+++ b/translations/kn/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow ರ C02 ಸಿಗ್ನಲ್ API ಯನ್ನು ಬಳಸಿಕೊಂಡು ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಹಿಂಬಾಲಿಸಲು, ನೀವು ನಿಮ್ಮ ಬ್ರೌಸರ್ ನಲ್ಲಿ ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆ ಎಷ್ಟು ಭಾರೀವಾಗಿದೆ ಎಂಬ ಕುರಿತು ನೆನೆಪೊಡಿಸುವ ವಿಸ್ತರಣೆ ರಚಿಸಿ. ಈ ವಿಸ್ತರಣೆಯನ್ನು ಅಕ್ರಮವಾಗಿ ಬಳಸುವುದು ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳ ಬಗ್ಗೆ ಈ ಮಾಹಿತಿಯನ್ನು ಆಧರಿಸಿ ತೀರ್ಮಾನ ಕೈಗೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
 
-![ವಿಸ್ತರಣೆ ಸ್ಕ್ರೀನ್ಶಾಟ್](../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ವಿಸ್ತರಣೆ ಸ್ಕ್ರೀನ್ಶಾಟ್](../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಪ್ರಾರಂಭಿಸುವುದು
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ನಲ್ಲಿ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲು, ಬ್ರೌಸರ್‌ನ ಉದ್ದನೆಯ ಬಲ ಕೋನದಲ್ಲಿರುವ 'ಮೂರು ಬಿಂದುಗಳು' ಮೆನು ಬಳಸಿ ವಿಸ್ತರಣೆ ಪ್ಯಾನೆಲಿಗೆ ಹೋಗಿ. ಅಲ್ಲಿ 'Load Unpacked' ಅನ್ನು ಆಯ್ಕೆಮಾಡಿ ಹೊಸ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಿ. ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ 'dist' ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ, ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತದೆ. ಇದನ್ನು ಬಳಸಲು, CO2 Signal ರ API ಗೆ API ಕೀ ಬೇಕಾಗುತ್ತದೆ ([ಇದನ್ನು ಇಮೇಲ್ ಮೂಲಕ ಪಡೆಯಿರಿ](https://www.co2signal.com/) - ಈ ಪುಟದ ಬಾಕ್ಸ್ ನಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು ನಿಮ್ಮ [ವಿದ್ಯುತ್ ನಕ್ಷೆ](https://www.electricitymap.org/map) ಗೆ ತಕ್ಕಂತೆ ನಿಮ್ಮ ಭಾಗದ [ಕೋಡ್](http://api.electricitymap.org/v3/zones) ಬೇಕಾಗುತ್ತದೆ (ಉದಾಹರಣೆಗೆ ಬೋಸ್ಟನ್‌ನಲ್ಲಿ ನಾನು 'US-NEISO' ಉಪಯೋಗಿಸುತ್ತೇನೆ).
 
-![ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲಾಗುತ್ತಿದೆ](../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲಾಗುತ್ತಿದೆ](../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 ಒಮ್ಮೆ API ಕೀ ಮತ್ತು ನಿಮ್ಮ ಭಾಗವನ್ನು ವಿಸ್ತರಣೆ ಇಂಟರ್ಫೇಸಿಗೆ ನಮೂದಿಸಿದ ಮೇಲೆ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಾರ್‌ನಲ್ಲಿ ಬಣ್ಣದ ಚುಕ್ಕೆ ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸುತ್ತದೆ ಮತ್ತು ಯಾವ ವಿಧಾನಗಳಲ್ಲಿಯೇ ಹೆಚ್ಚು ವಿದ್ಯುತ್ ಬಳಕೆಯಾಗುತ್ತದೆ ಎಂಬದನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಈ 'ಚುಕ್ಕೆ' ವ್ಯವಸ್ಥೆಯ ಹಿಂದಿನ ಕಲ್ಪನೆಯನ್ನು ನನ್ನಗೆ [Energy Lollipop ವಿಸ್ತರಣೆ](https://energylollipop.com/) ಕ್ಯಾಲಿಫೋರ್ನಿಯಾ ಉಸಿರಾಟಗಳಿಗಾಗಿ ನೀಡಿದೆ.
 
diff --git a/translations/kn/5-browser-extension/solution/translation/README.fr.md b/translations/kn/5-browser-extension/solution/translation/README.fr.md
index 89f13abcc..60ff3233c 100644
--- a/translations/kn/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/kn/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow ನ C02 ಸಿಗ್ನಲ್ API ಬಳಸಿ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ವೀಕ್ಷಿಸಲು, ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆಯ ಬಗ್ಗೆ ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ ನಲ್ಲಿ ಸೂಚನೆ ನೀಡುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯನ್ನು ರಚಿಸಿ. ಈ ಅನೌಪಚಾರಿಕ ವಿಸ್ತರಣೆ ಬಳಕೆ ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳ ಮೇಲೆ ಈ ಮಾಹಿತಿಯ ಆಧಾರದ ಮೇಲೆ ತೀರ್ಮಾನ ತಗೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
 
-![capture d'extension](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![capture d'extension](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಪ್ರಾರಂಭಿಸುವುದು
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ನಲ್ಲಿ ಸ್ಥಾಪಿಸಲು, ಬ್ರೌಸರ್ ನ ಮೇಲ್ಭಾಗದ ಬಲದ ಕಡೆ "ಮೂರು ಚಿಹ್ನೆಗಳು" ಮೆನು ಬಳಸಿ ಎಕ್ಸ್‌ಟೆನ್ಶನ್ ಪ್ಯಾನೆಲ್ ಹುಡುಕಿ. ಅಲ್ಲಿ, "ಅನ್ಜಿಪ್ ಮಾಡಲಾದ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಿ" ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ ಹೊಸ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಿ. ಆದೇಶದಲ್ಲಿ 'dist' ಫೋಲ್ಡರ್ ತೆರೆದು ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತದೆ. ಬಳಕೆ ಮಾಡಲು, ನೀವು CO2 ಸಿಗ್ನಲ್ API ಗಾಗಿ API ಕೀ ಬೇಕಾಗುತ್ತದೆ ([ಇಲ್ಲಿ ಇಮೇಲ್ ಮೂಲಕ ಪಡೆಯಿರಿ](https://www.co2signal.com/) - ಈ ಪುಟದಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು [ವಿದ್ಯುತ್ ನಕ್ಷೆ](https://www.electricitymap.org/map) ಗೆ ಹೊಂದಿಕೊಳ್ಳುವ ನಿಮ್ಮ ಪ್ರಾಂತ್ಯದ [ಕೋಡ್](http://api.electricitymap.org/v3/zones) (ಉದಾಹರಣೆಗೆ ಬೋಸ್ಟನ್ ನಲ್ಲಿ, 'US- NEISO' ಅನ್ನು ಬಳಸುತ್ತೇನೆ).
 
-![installation](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![installation](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 API ಕೀ ಮತ್ತು ಪ್ರಾಂತ್ಯವನ್ನು ವಿಸ್ತರಣೆ ಮುಖಪುಟದಲ್ಲಿ ನಮೂದಿಸಿದ ನಂತರ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಾರದ ಬಣ್ಣದ ಬಿಂಗು ನಿಮ್ಮ ಪ್ರಾಂತ್ಯದ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ತೋರ್ಪಡಿಸಿ, ನಿಮ್ಮ ಅಭ್ಯಾಸಗಳಿಗೆ ಸರಿ ಹೊಂದುವ ಶಕ್ತಿವಂತರ ಚಟುವಟಿಕೆಗಳ ಸೂಚಕವನ್ನು ನೀಡುತ್ತದೆ. ಈ "ಬಿಂಗು" ಸಮೀಕ್ಷೆಯ ಪರಿಕಲ್ಪನೆಯನ್ನು ಕ್ಯಾಲಿಫೋರ್ನಿಯಾದ ಉಳಿತಾಯಗಳಿಗಾಗಿ [Energy Lollipop ವಿಸ್ತರಣೆ](https://energylollipop.com/)ರಿಂದ ಪಡೆದಿದ್ದೇನೆ.
 
diff --git a/translations/kn/5-browser-extension/solution/translation/README.hi.md b/translations/kn/5-browser-extension/solution/translation/README.hi.md
index d03afb48d..74e53be70 100644
--- a/translations/kn/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/kn/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಲು tmrow ನ CO2 ಸಿಗ್ನಲ್ API ಅನ್ನು ಬಳಸುವುದು, ನಿಮ್ಮ ಬ್ರೌಸರ್ ನಲ್ಲಿ ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆ ಎಷ್ಟು ಗಂಭೀರವಾಗಿದೆ ಎಂಬುದರ ಬಗ್ಗೆ ನಿಮಗೆ ಸ್ಮರಣಿಕೆ ನೀಡುವಂತೆ ಒಂದು ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆಂಶನ್ ಅನ್ನು ರಚಿಸುವುದು. ಈ ತಾತ್ಕಾಲಿಕ ಎಕ್ಸ್ಟೆಂಶನ್‌ನ ಬಳಕೆಯಿಂದ ನೀವು ಈ ಮಾಹಿತಿಯ ಆಧಾರದಲ್ಲಿ ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳ ಬಗ್ಗೆ ತೀರ್ಮಾನ ತೆಗೆದುಕೊಳ್ಳಲು ಸಹಾಯವಾಗುತ್ತದೆ.
 
-![ಎಕ್ಸ್ಟೆಂಶನ್ ಸ್ಕ್ರೀನ್ಶಾಟ್ ](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ಎಕ್ಸ್ಟೆಂಶನ್ ಸ್ಕ್ರೀನ್ಶಾಟ್ ](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಪ್ರಾರಂಭಿಸುವುದು
 
@@ -31,7 +31,7 @@ npm run build
 
 ಎಡ್ಜ್‌ನಲ್ಲಿ ಸ್ಥಾಪಿಸಲು, ನಿಮ್ಮ ಬ್ರೌಸರ್ ನ ಮೇಲೆ ಬಲ ದಿಕ್ಕಿನಲ್ಲಿ ಇರುವ 'ಮೂರು ಡಾಟ್' ಮೆನು ಬಳಸಿ ಎಕ್ಸ್‌ಟೆಂಶನ್ ಪ್ಯಾನಲ್ ಅನ್ನು ಹುಡುಕಿರಿ. ಅಲ್ಲಿ, ಹೊಸ ಎಕ್ಸ್ಟೆಂಶನ್ ಲೋಡ್ ಮಾಡಲು 'ಲೋಡ್ ಅನ್ಪ್ಯಾಕ್ಡ್' ಆಯ್ಕೆಮಾಡಿ. ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ 'dist' ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಎಕ್ಸ್ಟೆಂಶನ್ ಲೋಡ್ ಆಗುತ್ತದೆ. ಇದನ್ನು ಬಳಸಲು, ನಿಮಗೆ CO2 ಸಿಗ್ನಲ್ API ([ಇಮೇಲ್ ಮೂಲಕ ಇಲ್ಲಿ ಪಡೆಯಿರಿ](https://www.co2snal.com/) ಅಥವಾ ಈ ಪುಟದಲ್ಲಿ ಬಾಕ್ಸ್‌ನಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು [ನಿಮ್ಮ ಪ್ರದೇಶಕ್ಕೆ ಕೋಡ್](http://api.electricitymap.org/v3/zones) [ಎಲೆಕ್ಟ್ರಿಸಿಟಿ ಮ್ಯಾಪ್](https://www.electricitymap.org/map) (ಉದಾಹರಣೆಗೆ, ಬೋಸ್ಟನ್‌ನಲ್ಲಿ ನಾನು 'US-NEISO' ಉಪಯೋಗಿಸುತ್ತೇನೆ) ಅಗತ್ಯವಿದೆ.
 
-![installing](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 ಒಮ್ಮೆ API ಕೀ ಮತ್ತು ಪ್ರದೇಶದ ಎಕ್ಸ್‌ಟೆಂಶನ್ ಇಂಟರ್ಫೇಸ್‌ಗೆ ಇನ್ಪುಟ್ ಆದ ಮೇಲೆ, ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆಂಶನ್ ಬಾರ್‌ನಲ್ಲಿ ಬಣ್ಣದ ಹಣ್ಣು ನಿಮ್ಮ ಪ್ರದೇಶದ انرಜಿಯ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸುವಂತೆ ಬದಲಾಯಿಸಬೇಕು ಮತ್ತು ನಿಮಗೆ ಸೂಚಕವನ್ನು ನೀಡಬೇಕು ಇಂದ್ರಿಯ ಭಾರವಾದ ಚಟುವಟಿಕೆಗಳು ನಿಮ್ಮ ಪ್ರದರ್ಶನಕ್ಕೆ ಏನು ಸೂಕ್ತವಾಗಿವೆ ಎಂಬುದರ. ಈ 'ಹಣ್ಣು' ವ್ಯವಸ್ಥೆಯ ಹಿಂದಿನ ಆಲೋಚನೆಯನ್ನು ನನಗೆ ಕ್ಯಾಲಿಫೋರ್ನಿಯಾ ಉತ್ಸರ್ಜನೆಗಾಗಿ [ಎನರ್ಜಿ ಲಾಲಿಪೋಪ್ ಎಕ್ಸ್ಟೆಂಶನ್](https://energylollipop.com/) ನೀಡಿತ್ತು.
 
diff --git a/translations/kn/5-browser-extension/solution/translation/README.it.md b/translations/kn/5-browser-extension/solution/translation/README.it.md
index f1c3d0ca8..f623f456b 100644
--- a/translations/kn/5-browser-extension/solution/translation/README.it.md
+++ b/translations/kn/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ತಮ್ಮ ಪ್ರದೇಶದಲ್ಲಿ ವಿದ್ಯುತ್ ಬಳಕೆಯ ತೂಕ ಎಷ್ಟು ಇದೆ ಎಂಬುದರ ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸ್ಮರಣಿಕೆ ಹೊಂದಿಕೊಳ್ಳಲು ಬ್ರೌಸರಿಗಾಗಿ ವಿಸ್ತರಣೆಯನ್ನು ರಚಿಸಲು tmrow ನ Signal C02 API ಅನ್ನು ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಗಮನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಈ ವಿಶೇಷ ವಿಸ್ತರಣೆಯ ಬಳಕೆಯಿಂದ ಈ ಮಾಹಿತಿಗಳ ಆಧಾರದ ಮೇಲೆ ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳನ್ನು ಮೌಲ್ಯಮಾಪನ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
 
-![ವಿಸ್ತರಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ವಿಸ್ತರಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಪ್ರಾರಂಭಿಸಲು
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ನಲ್ಲಿ ಸ್ಥಾಪಿಸಲು, ಬ್ರೌಸರ್‌ನ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದಲ್ಲಿರುವ "ಮೂರು ಅಂಕಿಗಳು" ಮೇಳುದಾಣವನ್ನು ಬಳಸಿ ವಿಸ್ತರಣೆಗಳನ್ನು ಹುಡುಕಿ. ಈಗಾಗಲೇ ಸಕ್ರಿಯವಾಗದಿದ್ದರೆ, ಕೆಳಭಾಗದ ಎಡಕ್ಕೆಿರುವ ಡೆವಲಪರ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ. ಹೊಸ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಲು "ಅನ್ಜಿಪ್ ಮಾಡಿದ ಲೋಡ್" ಆಯ್ಕೆಮಾಡಿ. "dist" ಫೋಲ್ಡರ್ ಅನ್ನು ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ ತೆರೆಯಿರಿ ಮತ್ತು ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತದೆ. ಇದನ್ನು ಬಳಸಲು, ನಿಮಗೆ CO2 Signal API ಗೆ ಒಂದು API ಕೀ ಬೇಕಾಗುತ್ತದೆ (ನೀವು [ಇಲ್ಲಿ ಇಮೇಲ್ ಮೂಲಕ ಪಡೆಯಬಹುದು](https://www.co2signal.com/) - ಈ ಪುಟದಲ್ಲಿರುವ ಪಟ್ಟಿಯನ್ನು ನಿಮ್ಮ ಇಮೇಲ್ ನೊಂದಿಗೆ ತುಂಬಿ) ಮತ್ತು [ವಿದ್ಯುತ್ ನಕ್ಷೆ](https://www.electricitymap.org/map) ಗೆ ಹೊಂದುವ [ನಿಮ್ಮ ಪ್ರादेशಿಕ ಕೋಡ್](http://api.electricitymap.org/v3/zones) ಅಗತ್ಯವಿದೆ (ಉದಾಹರಣೆಗೆ ಬೊಸ್ಟ್‌ನಲ್ಲಿ, "US-NEISO").
 
-![ಸ್ಥಾಪನೆ](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![ಸ್ಥಾಪನೆ](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 ಒಮ್ಮೆ API ಕೀ ಮತ್ತು ಪ್ರದೇಶ ವಿಸ್ತರಣೆಯ ಅಂತರ್ ಮುಖದಲ್ಲಿ ಸೇರಿಸಿದ ನಂತರ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಬಾರ್ ನಲ್ಲಿ ಬಣ್ಣದ ಬಿಂದು ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸಲು ಬದಲಾಗುತ್ತದೆ ಮತ್ತು ಹೆಚ್ಚಿನ ವಿದ್ಯುತ್ ಉಪಯೋಗದ ಚಟುವಟಿಕೆಗಳನ್ನು ನಡಿಸುವುದು ಯೋಗ್ಯವೋ ಎಂಬುದರ ಸೂಚನೆ ನೀಡುತ್ತದೆ. ಈ "ಬಿಂದು" ಆಧಾರಿತ ವ್ಯವಸ್ಥೆಯ ಹಿನ್ನೆಲೆ ಸಂಯೋಜನೆಯು ಕ್ಯಾಲಿಫೋರ್ನಿಯಾದ ಉತ್ಸರ್ಗಗಳಿಗೆ арналған [ಎನೆರ್ಜೀ ಲಾಲಿಪಾಪ್ ವಿಸ್ತರಣೆ](https://energylollipop.com/) ನಿಂದ ಪಡೆದಿದೆ.
 
diff --git a/translations/kn/5-browser-extension/solution/translation/README.ja.md b/translations/kn/5-browser-extension/solution/translation/README.ja.md
index 57cc7e9fd..157bbd47a 100644
--- a/translations/kn/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/kn/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow ನ C02 ಸಿಗ್ನಲ್ API ಬಳಸಿಕೊ೦ಡಿ ವಿದ್ಯುತ್ ಬಳಕೆಯ ಪರಿಶೀಲನೆಗಾಗಿ, ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆ ಎಷ್ಟು ಹೆಚ್ಚು ಆಗಿದೆ ಎಂಬುದನ್ನು ಬ್ರೌಸರ್ ನಲ್ಲಿ ರೀಮೈಂಡರ್ ಆಗಿ ತೋರಿಸುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯನ್ನು ನಿರ್ಮಿಸುವುದು. ಈ ವಿಸ್ತರಣೆ ಅನ್ನು ಅಡ್ಹಾಕ್ ಆಗಿ ಬಳಸಿಕೊ೦ಡಿ, ಈ ಮಾಹಿತಿಯ ಆಧಾರದ ಮೇಲೆ ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳನ್ನು ನಿರ್ಧರಿಸಬಹುದು.
 
-![extension screenshot](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ##ಆರಂಭದಲ್ಲಿ
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ಗೆ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲು, ಬ್ರೌಸರ್‌ನ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದಲ್ಲಿರುವ "ಮೂರು ಬಿಂದು" ಮೆನುದಲ್ಲಿ "ವಿಸ್ತರಣೆಗಳು" ಪ್ಯಾನೆಲ್ ಅನ್ನು ಹುಡುಕಿ. ಅಲ್ಲಿ "Load Unpacked" ಆಯ್ಕೆಮಾಡಿ, ಹೊಸ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಿ. ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ "dist" ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ, ಹಾಗಾಗಿ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತದೆ. ಬಳಸಲು, CO2 ಸಿಗ್ನಲ್ API ಯ API ಕೀ ([ಇಲ್ಲಿಂದ ಇಮೇಲ್ ಮೂಲಕ ಪಡೆಯಿರಿ](https://www.co2signal.com/) - ಈ ಪುಟದ ಬಾಕ್ಸಿನಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು [Electricity Map](https://www.electricitymap.org/map) ನಡಿ ಹೊಂದಿಕೊಂಡಿರುವ [ನಿಮ್ಮ ಪ್ರದೇಶದ ಕೋಡ್](http://api.electricitymap.org/v3/zones) ಅಗತ್ಯವಿದೆ (ಉದಾಹರಣೆಗೆ ಬೋಸ್ಟನ್ ನಲ್ಲಿ ‘US-NEISO’ ಬಳಕೆ ಮಾಡಲಾಗುತ್ತದೆ).
 
-![installing](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 API ಕೀ ಮತ್ತು ಪ್ರದೇಶವನ್ನು ವಿಸ್ತರಣೆ ಇಂಟರ್‌ಫೇಸಿಗೆ ನಮೂದಿಸಿದಾಗ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಾರ್‌ನಲ್ಲಿ ಬಣ್ಣದ ಡಾಟ್ ಬದಲಾಗುತ್ತದೆ, ಇದು ನಿಮ್ಮ ಪ್ರದೇಶದ انر್ಜಿ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸುತ್ತದೆ ಮತ್ತು ಯಾವ ರೀತಿಯ انر್ಜಿ ಅವಶ್ಯಕತೆ ಇರುವ ಚಟುವಟಿಕೆಗಳನ್ನು ಮಾಡುವುದು ಸೂಕ್ತ ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ಈ "ಡಾಟ್" ವ್ಯವಸ್ಥೆ ಕಲಿಫೋರ್ಮಿಯಾ ರಾಜ್ಯದ ಉಳಿತಾಯದಿಗಾಗಿ ಇರುವ [Energy Lollipop extension](https://energylollipop.com/) ನಿಂದ ನನಗೆ ದೊರೆತ ಸಂಯೋಜನೆ.
 
diff --git a/translations/kn/5-browser-extension/solution/translation/README.ms.md b/translations/kn/5-browser-extension/solution/translation/README.ms.md
index a2100276d..6f71e2d5e 100644
--- a/translations/kn/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/kn/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 CO2 ಸಿಗ್ನಲ್ tmrow API ಬಳಸಿ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಪತ್ತೆಹಚ್ಚಲು, ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆಯ ಗಂಭೀರತೆಯ ಬಗ್ಗೆ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಮಾಡಿದ್ದಾರೆಚ್ಚುವಿಕೆಗಳನ್ನು ಪಡೆಯಲು ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್ಷನ್ ನಿರ್ಮಿಸಿ. ಈ ಎಕ್ಸ್ಟೆನ್ಷನ್ ವಿಶೇಷವಾಗಿ ಬಳಸುವುದರಿಂದ ಈ ಮಾಹಿತಿಯನ್ನು ಆಧರಿಸಿ ನಿಮ್ಮ ಚಟುವಟಿಕೆಗಳ ಬಗ್ಗೆ ನೀವು ಸಂವೇದನೆ ಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯವಾಗುತ್ತದೆ.
 
-![ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್ಷನ್ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್ಷನ್ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಇಲ್ಲಿ ಪ್ರಾರಂಭಿಸಿ
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ನಲ್ಲಿ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಲು, ಬ್ರೌಸರ್‌ನ ಮೇಲ್ಮೈಯಲ್ಲಿನ 'ಮೂರು ತೆಳ್ಳುವ ಗುಂಡಿಗಳು' ಮೆನುವಿನಲ್ಲಿ Sambungan ಫಲಕವನ್ನು ಹುಡುಕಿ. ಅಲ್ಲಿ, ಹೊಸ ಎಕ್ಸ್ಟೆನ್ಷನ್ ಲೋಡ್ ಮಾಡಲು 'Load Unpacked' ಆಯ್ಕೆಮಾಡಿ. 'dist' ಫೋಲ್ಡರ್ ತೆರೆಯುವ ಮೂಲಕ ಎಕ್ಸ್ಟೆನ್ಷನ್ ಲೋಡ್ ಆಗುತ್ತದೆ. ಇದನ್ನು ಬಳಸಲು, CO2 Signal APIക് ([ಇಲ್ಲಿ ಇಮೇಲ್ ಮೂಲಕ ಪಡೆಯಿರಿ](https://www.co2signal.com/) - ಈ ಪುಟದಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು [ನಿಮ್ಮ ಪ್ರದೇಶದ ಕೋಡ್](http://api.electricitymap.org/v3/zones) ಅನ್ನು ಪಡೆಯಬೇಕಾಗುತ್ತದೆ, ಇದು [ElectricityMap](https://www.electricitymap.org/map) ಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ (ಉದಾಹರಣೆಗೆ ಬೋಸ್ಟನ್‌ನಲ್ಲಿ, ನಾನು 'US-NEISO' ಬಳಸುತ್ತೇನೆ).
 
-![ಡೌನ್ಲೋಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![ಡೌನ್ಲೋಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ](../../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 API ಕೀ ಮತ್ತು ಪ್ರದೇಶವನ್ನು ಎಕ್ಸ್ಟೆನ್ಷನ್ ಇಂಟರ್ಫೇಸ್‌ಗೆ ನಮೂದಿಸಿದ ನಂತರ, ಬ್ರೌಸರ್ ಎಕ್ಸ್ಟೆನ್ಷನ್ ಬಾರ್‌ನ ಬಣ್ಣ verandert ಕೂಡ ಆತ್ಮೀಯ ತುಂಡು ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸುತ್ತದೆ ಮತ್ತು ನೀವು ತಗೊಂಡು ಮಾಡಿದ ಮೇಲೆ ತೂಕದ ಚಟುವಟಿಕೆಗಳಿಗೆ ಸೂಚನೆ ನೀಡುತ್ತದೆ. ಈ 'ಡಾಟ್' ವಿಧಾನದ ಆಶಯವನ್ನು [Lollipop Energy ಬೌಸರ್ ಎಕ್ಸ್ಟೆನ್ಷನ್](https://energylollipop.com/) ಕ್ಯಾಲಿಫೋರ್ನಿಯಾ ಎಮಿಷನ್‌ಗಳಿಗೆ ನೀಡಿ.
 
diff --git a/translations/kn/5-browser-extension/start/README.md b/translations/kn/5-browser-extension/start/README.md
index 4883f11a7..8efb93a26 100644
--- a/translations/kn/5-browser-extension/start/README.md
+++ b/translations/kn/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrowನ CO2 ಸಿಗ್ನಲ್ API ಬಳಸಿ ವಿದ್ಯುತ್ ಬಳಕೆಯನ್ನು ಟ್ರಾಕ್ ಮಾಡಲು, ನಿಮ್ಮ ಪ್ರದೇಶದ ವಿದ್ಯುತ್ ಬಳಕೆ ಎಷ್ಟು ಭಾರವಾಗಿದೆ ಎಂಬ ಬಗ್ಗೆ ಮುನ್ಸೂಚನೆ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಇರುತ್ತಂತೆ ಗಣನೆ ಮಾಡಲು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯನ್ನು ನಿರ್ಮಿಸಿ. ಈ ವಿಸ್ತರಣೆಯನ್ನು ಅದ್ಹಾಕ್ ಬಳಸು ನಮ್ಮ ಚಟುವಟಿಕೆಗಳ ಮೇಲೆ ಈ ಮಾಹಿತಿಯನ್ನು ಆಧಾರಿಸಿ ತೀರ್ಮಾನ ತೆಗೆದುಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
 
-![extension screenshot](../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/kn/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ಪ್ರಾರಂಭಿಸುವುದು
 
@@ -31,7 +31,7 @@ npm run build
 
 Edgeನಲ್ಲಿ ಸ್ಥಾಪಿಸಲು, ಬ್ರೌಸರ್‌ನ ಎಡಮುಖ ಮುಂಭಾಗದ ಮೆನು (ಮೂರು ಹೊಂಡು ಬಿಂದುಗಳು) ಬಳಸಿ 'Extensions' ಪ್ಯಾನಲ್ ಕಂಡುಹಿಡಿಯಿರಿ. ಅಲ್ಲಿ 'Load Unpacked' ಆಯ್ಕೆ ಮಾಡಿ ಹೊಸ ವಿಸ್ತರಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಿ. ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ 'dist' ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ ಮತ್ತು ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತದೆ. ಇದನ್ನು ಬಳಸಲು, ನಿಮಗೆ CO2 ಸಿಗ್ನಲ್‌ ಅವರ API ಕೀ ಬೇಕು ([ಇಮೇಲ್ ಮೂಲಕ ಇಲ್ಲಿ ಪಡೆಯಿರಿ](https://www.co2signal.com/) - ಈ ಪುಟದಲ್ಲಿರುವ ಬಾಕ್ಸಿನಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ನಮೂದಿಸಿ) ಮತ್ತು [ಈ ಭಾಗಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಕೋಡ್](http://api.electricitymap.org/v3/zones) ಬೇಕಾಗುತ್ತದೆ, ಇದು [Electricity Map](https://www.electricitymap.org/map) ಗೆ ಸಮ್ಮೇಳನವಾಗಿರುತ್ತದೆ (ಉದಾಹರಣೆಗೆ, ಬೋಸ್ತನ್‌ನಲ್ಲಿ ನಾನು 'US-NEISO' ಅನ್ನು ಬಳಸುತ್ತೇನೆ).
 
-![installing](../../../../translated_images/kn/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/kn/install-on-edge.78634f02842c4828.webp)
 
 ಒಮ್ಮೆ API ಕೀ ಮತ್ತು ಪ್ರದೇಶವನ್ನು ವಿಸ್ತರಣೆ ಪರಿಪಡಿಯಲ್ಲಿ ನಮೂದಿಸಿದಾಗ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಾರ್‌ನ ಬಣ್ಣದ ಚುಕ್ಕಿ ನಿಮ್ಮ ಪ್ರದೇಶದ ಇಂಧನ ಬಳಕೆಯನ್ನು ಪ್ರತಿಬಿಂಬಿಸುವಂತೆ ಬದಲಾಗಬೇಕು ಮತ್ತು ನೀವು ಎಷ್ಟೊಂದು ಉರಿಯುವ ಚಟುವಟಿಕೆಗಳನ್ನು ಮಾಡಲು ಸೂಕ್ತವಾಗಿರುವುದನ್ನು ಸೂಚಿಸಬೇಕು. ಈ 'ಚುಕ್ಕಿ' ವ್ಯವಸ್ಥೆಯ ಆಲೋಚನೆಯನ್ನು ನನಗೆ [Energy Lollipop ವಿಸ್ತರಣೆ](https://energylollipop.com/) ದಿಂದ ನೀಡಲಾಗಿತ್ತು, ಇದು ಕ್ಯಾಲಿಫೋರ್ನಿಯಾ ಉತ್ಸರ್ಜನೆಗಳಿಗಾಗಿ.
 
diff --git a/translations/kn/6-space-game/2-drawing-to-canvas/README.md b/translations/kn/6-space-game/2-drawing-to-canvas/README.md
index e96000fdd..9927d8e94 100644
--- a/translations/kn/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/kn/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![ಕ್ಯಾನ್‌ವಾಸ್‌ನ ಗ್ರಿಡ್](../../../../translated_images/kn/canvas_grid.5f209da785ded492.png)
+![ಕ್ಯಾನ್‌ವಾಸ್‌ನ ಗ್ರಿಡ್](../../../../translated_images/kn/canvas_grid.5f209da785ded492.webp)
 > ಚಿತ್ರ: [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 ಕ್ಯಾನ್‌ವಾಸ್ ಅಂಶದಲ್ಲಿ ಬಿಡಿಸಲು, ನೀವು ಎಲ್ಲಾ ಕ್ಯಾನ್‌ವಾಸ್ ಗ್ರಾಫಿಕ್ಸ್ ಭಿತ್ತಿಯನ್ನು ರೂಪಿಸುವ ಮೂರು-ಹಂತ ಪ್ರಕ್ರಿಯೆಯನ್ನನುಸರಿಸಬೇಕು. ನೀವು ಇದನ್ನು ಕೆಲವು ಬಾರಿ ಮಾಡಿದರೆ, ಅದು ಸಹಜವಾಗುತ್ತದೆ:
@@ -323,11 +323,11 @@ flowchart TD
 
 - ಹೀರೋ ಹಡಗು
 
-   ![ಹೀರೋ ಹಡಗು](../../../../translated_images/kn/player.dd24c1afa8c71e9b.png)
+   ![ಹೀರೋ ಹಡಗು](../../../../translated_images/kn/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 ಮಾನ್ತ್ರಗಳು
 
-   ![ಮಾನ್ತ್ರ ಹಡಗು](../../../../translated_images/kn/enemyShip.5df2a822c16650c2.png)
+   ![ಮಾನ್ತ್ರ ಹಡಗು](../../../../translated_images/kn/enemyShip.5df2a822c16650c2.webp)
 
 ### ಅಭಿವೃದ್ಧಿ ಪ್ರಾರಂಭಿಸಲು ಶಿಫಾರಸು ಮಾಡಿದ ಹಂತಗಳು
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 ಪೂರ್ಣವಾದ ಫಲಿತಾಂಶ ಹೀಗಿರಬೇಕು:
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/kn/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/kn/partI-solution.36c53b48c9ffae2a.webp)
 
 ## ಪರಿಹಾರ
 
diff --git a/translations/kn/6-space-game/5-keeping-score/README.md b/translations/kn/6-space-game/5-keeping-score/README.md
index dabb561f2..a9c49e413 100644
--- a/translations/kn/6-space-game/5-keeping-score/README.md
+++ b/translations/kn/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **ಅಂಕೆ ವ್ಯವಸ್ಥೆ**: ಪ್ರತಿ ನಷ್ಟಪಡಿಸಿದ ಶತ್ರು ನೌಕೆಗೆ 100 ಅಂಕೆಗಳು (ಮೂರು ಶಾಸಕರ ಸಂಖ್ಯೆಗಳನ್ನು ذهنದಲ್ಲಿಟ್ಟುಕೊಳ್ಳುವುದು ಸುಲಭ). ಅಂಕೆಯನ್ನು ಕೆಳಗಡೆಯ ಎಡಬದಿಯಲ್ಲಿ ತೋರಿಸಲಾಗುತ್ತದೆ.
-- **ಜೀವಗಳ ಗಣಕ**: ನಿಮ್ಮ ಹೀರೋ 3 ಜೀವಗಳಿಂದ ಆರಂಭವಾಗುತ್ತಾನೆ - ಪ್ರಾರಂಭಿಕ ಆರ್ಕೇಡ್ ಆಟಗಳಿಂದ ಸ್ಥಾಪಿತ ಮಾನದಂಡ, ಇದು ಸವಾಲು ಮತ್ತು ಆಡಲು ಅನುಕೂಲ ಎಂಬ ಸಮತೋಲನವನ್ನು ನೀಡುತ್ತದೆ. ಪ್ರತಿ ಶತ್ರು ಜೊತೆ ಸಂಭವಿಸುವ ಅಧಿಕಾರವು ಒಂದು ಜೀವವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಬಾಕಿ ಜೀವಗಳನ್ನು ನಾವು ಕೆಳಗಡೆಯ ಬಲಭಾಗದಲ್ಲಿ ನೌಕಾ ಐಕಾನ್‌ಗಳ ಮೂಲಕ ತೋರಿಸುತ್ತೇವೆ ![life image](../../../../translated_images/kn/life.6fb9f50d53ee0413.png).
+- **ಜೀವಗಳ ಗಣಕ**: ನಿಮ್ಮ ಹೀರೋ 3 ಜೀವಗಳಿಂದ ಆರಂಭವಾಗುತ್ತಾನೆ - ಪ್ರಾರಂಭಿಕ ಆರ್ಕೇಡ್ ಆಟಗಳಿಂದ ಸ್ಥಾಪಿತ ಮಾನದಂಡ, ಇದು ಸವಾಲು ಮತ್ತು ಆಡಲು ಅನುಕೂಲ ಎಂಬ ಸಮತೋಲನವನ್ನು ನೀಡುತ್ತದೆ. ಪ್ರತಿ ಶತ್ರು ಜೊತೆ ಸಂಭವಿಸುವ ಅಧಿಕಾರವು ಒಂದು ಜೀವವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ. ಬಾಕಿ ಜೀವಗಳನ್ನು ನಾವು ಕೆಳಗಡೆಯ ಬಲಭಾಗದಲ್ಲಿ ನೌಕಾ ಐಕಾನ್‌ಗಳ ಮೂಲಕ ತೋರಿಸುತ್ತೇವೆ ![life image](../../../../translated_images/kn/life.6fb9f50d53ee0413.webp).
 
 ## ನೀವು ನಿರ್ಮಿಸುವುದು ಪ್ರಾರಂಭಿಸೋಣ!
 
diff --git a/translations/kn/7-bank-project/1-template-route/README.md b/translations/kn/7-bank-project/1-template-route/README.md
index e849a04a7..4e12de1db 100644
--- a/translations/kn/7-bank-project/1-template-route/README.md
+++ b/translations/kn/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 `history.pushState` ಬಳಕೆ ಬ್ರೌಸರ್ ನ ನ್ಯಾವಿಗೇಶನ್ ಇತಿಹಾಸದಲ್ಲಿ ಹೊಸ ದಾಖಲೆಗಳನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ನೀವು ಇದನ್ನು ಪರೀಕ್ಷಿಸಲು ಬ್ರೌಸರ್‌ನ ಹಿಂಬದಿ ಬಟನ್ ಒತ್ತಿ ಹಿಡಿದುಕೊಳ್ಳಬಹುದು, ಇದರಲ್ಲಿ ಹೀಗೆ ಕಾಣಬಹುದು:
 
-![Screenshot of navigation history](../../../../translated_images/kn/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/kn/history.7fdabbafa521e064.webp)
 
 ಹಿಂಬದಿ ಬಟನ್ ಮೇಲೆ ಕೆಲವೊಮ್ಮೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ಪ್ರಸ್ತುತ URL ಬದಲಾಗುತ್ತದೆ ಮತ್ತು ಇತಿಹಾಸ ನವೀಕರಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಅದೇ ಟೆಂಪ್ಲೇಟ್ ಪ್ರದರ್ಶನವಾಗುತ್ತಿರುತ್ತದೆ.
 
diff --git a/translations/kn/7-bank-project/2-forms/README.md b/translations/kn/7-bank-project/2-forms/README.md
index 636af9236..cc8848fd1 100644
--- a/translations/kn/7-bank-project/2-forms/README.md
+++ b/translations/kn/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿ ಬದಲಾವಣೆಗಳನ್ನು ಗಮನಿಸಿ
 3. ಪುಟ ಮರುಭರ್ತಿ ಆಗುವುದು ಮತ್ತು URL ನಲ್ಲಿ ಡೇಟಾ ಕಾಣಿಸುವುದು ಗಮನಿಸಿ
 
-![ ನೊಂದಣಿ ಬಟನ್ ಕ್ಲಿಕ್ ನಂತರ ಬ್ರೌಸರ್ URL ಬದಲಾವಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/click-register.e89a30bf0d4bc9ca.png)
+![ ನೊಂದಣಿ ಬಟನ್ ಕ್ಲಿಕ್ ನಂತರ ಬ್ರೌಸರ್ URL ಬದಲಾವಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP ವಿಧಾನಗಳ ಹೋಲಿಕೆ
 
@@ -346,7 +346,7 @@ graph TD
 2. **"ಖಾತೆ ರಚಿಸಿ" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ**
 3. **ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸರ್ವರ್ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಗಮನಿಸಿ**
 
-![लोकलहोಸ್ಟ್:5000/api/accounts ವಿಳಾಸದಲ್ಲಿರುವ ಬ್ರೌಸರ್ ವಿಂಡೋ, ಬಳಕೆದಾರ ಡೇಟಾ ಹೊಂದಿರುವ JSON ಸರಣಿ ತೋರಿಸುತ್ತಿದೆ](../../../../translated_images/kn/form-post.61de4ca1b964d91a.png)
+![लोकलहोಸ್ಟ್:5000/api/accounts ವಿಳಾಸದಲ್ಲಿರುವ ಬ್ರೌಸರ್ ವಿಂಡೋ, ಬಳಕೆದಾರ ಡೇಟಾ ಹೊಂದಿರುವ JSON ಸರಣಿ ತೋರಿಸುತ್ತಿದೆ](../../../../translated_images/kn/form-post.61de4ca1b964d91a.webp)
 
 **ನೀವು ಕಂಡುಕೊಳ್ಳಬೇಕಾದುದು:**
 - **ಬ್ರೌಸರ್ API ಅಂತಿಮ ಬಿಂದುವಿಗೆ पुनರ್ನಿರ್ದೇಶನ ಮಾಡುತ್ತದೆ**
@@ -609,7 +609,7 @@ async function register() {
 3. **"ಖಾತೆ ರಚಿಸಿ" ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ**
 4. **ಕನ್‍ಸೋಲ್ ಸಂದೇಶಗಳು ಮತ್ತು ಬಳಕೆದಾರ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಗಮನಿಸಿ**
 
-![ಬ್ರೌಸರ್ ಕನ್‍ಸೋಲ್‌ನಲ್ಲಿ ಲಾಗ್ ಸಂದೇಶವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/browser-console.efaf0b51aaaf6778.png)
+![ಬ್ರೌಸರ್ ಕನ್‍ಸೋಲ್‌ನಲ್ಲಿ ಲಾಗ್ ಸಂದೇಶವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/browser-console.efaf0b51aaaf6778.webp)
 
 **ನೀವು ಕಾಣಬೇಕಾದದ್ದು:**
 - **ಸಲ್ಲಿಸುವ ಬಟನ್ ಮೇಲೆ ಲೋಡಿಂಗ್ ಸ್ಥಿತಿಯನ್ನು ಕಾಣಬಹುದು**
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **ಬಳಕೆದಾರನಾಮ ಕ್ಷೇತ್ರದಲ್ಲಿ ವಿಶೇಷ ಅಕ್ಷರಗಳನ್ನು ಬಳಸಿ ಬಾರಿ ಮಾಡಿ**
 4. **ಋಣಾತ್ಮಕ ಬ್ಯಾಲೆನ್ಸ್ ಮೊತ್ತ ನಮೂದಿಸಿ**
 
-![ಫಾರ್ಮ್ ಸಲ್ಲಿಸಲು ಪ್ರಯತ್ನಿಸಿದಾಗ ಏರುವ ಮಾನ್ಯತಾ ದೋಷವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/validation-error.8bd23e98d416c22f.png)
+![ಫಾರ್ಮ್ ಸಲ್ಲಿಸಲು ಪ್ರಯತ್ನಿಸಿದಾಗ ಏರುವ ಮಾನ್ಯತಾ ದೋಷವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/validation-error.8bd23e98d416c22f.webp)
 
 **ನೀವು ಗಮನಿಸುವುದು:**
 - **ಬ್ರೌಸರ್ ಮೂಲ ಮಾನ್ಯತಾ ಸಂದೇಶಗಳನ್ನು ತೋರಿಸುತ್ತದೆ**
@@ -943,7 +943,7 @@ timeline
 
 ಕೊನೆಗಿನ ಲಾಗಿನ್ ಪುಟವು ಕೆಲವು ಸ್ಟೈಲಿಂಗ್ ನಂತರ ಹೇಗಿರಬಹುದು ಎಂಬ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:
 
-![CSS ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಿದ ನಂತರ ಲಾಗಿನ್ ಪುಟದ ಸ್ಕ್ರೀನ್ ಶಾಟ್](../../../../translated_images/kn/result.96ef01f607bf856a.png)
+![CSS ಶೈಲಿಗಳನ್ನು ಸೇರಿಸಿದ ನಂತರ ಲಾಗಿನ್ ಪುಟದ ಸ್ಕ್ರೀನ್ ಶಾಟ್](../../../../translated_images/kn/result.96ef01f607bf856a.webp)
 
 ## ಪೋಷ್ಟ್-ಲೆಕ್ಚರ್ ಕ್ವಿಜ್
 
diff --git a/translations/kn/7-bank-project/3-data/README.md b/translations/kn/7-bank-project/3-data/README.md
index 8a26b60a5..196f4fe26 100644
--- a/translations/kn/7-bank-project/3-data/README.md
+++ b/translations/kn/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: ಸಂಪೂರ್ಣ HTML ಪುಟವನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ
     Browser->>User: ಹೊಸ ಪುಟವನ್ನು ತೋರಿಸುತ್ತದೆ (ಫ್ಲ್ಯಾಶ್/ರೀಲುಡ್)
 ```
-![ಮಲ್ಟಿ-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿವ ನವೀಕರಣ ಕಾರ್ಯವಾಹಿ](../../../../translated_images/kn/mpa.7f7375a1a2d4aa77.png)
+![ಮಲ್ಟಿ-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿವ ನವೀಕರಣ ಕಾರ್ಯವಾಹಿ](../../../../translated_images/kn/mpa.7f7375a1a2d4aa77.webp)
 
 **ಈ ವಿಧಾನವನ್ನು ಅಸಹ್ಯವಾಗಿಸಿದ್ದದ್ದು:**
 - ಪ್ರತಿ ಕ್ಲಿಕ್ ಸಂಪೂರ್ಣ ಪುಟವನ್ನು ಪುನರ್ನirmaಣೆ ಪರಿಚಯಿಸಿತು
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: ನಿರ್ದಿಷ್ಟ ಪುಟದ ಅಂಶಗಳನ್ನು ನವೀಕರಿಸುತ್ತದೆ
     Browser->>User: ನವೀಕೃತ ವಿಷಯವನ್ನು ತೋರಿಸುತ್ತದೆ (ಮತ್ತೆ ಲೋಡ್ ಮಾಡದೆ)
 ```
-![ಸಿಂಗಲ್-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ನವೀಕರಣ ಕಾರ್ಯವಾಹಿ](../../../../translated_images/kn/spa.268ec73b41f992c2.png)
+![ಸಿಂಗಲ್-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ನವೀಕರಣ ಕಾರ್ಯವಾಹಿ](../../../../translated_images/kn/spa.268ec73b41f992c2.webp)
 
 **SPAs ಇಷ್ಟು ಚೆನ್ನಾಗಿರುವುದಕ್ಕೆ ಕಾರಣಗಳು:**
 - ಬದಲಾಯಿಸಿದ ಭಾಗಗಳನ್ನು ಮಾತ್ರ ನವೀಕರಿಸಲಾಗುತ್ತದೆ (ಬುದ್ದಿವಂತಿಕೆ吧)
@@ -516,7 +516,7 @@ if (data.error) {
 
 ಈಗ ತಪ್ಪಾದ ಖಾತೆ ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಅಲ್ಲಿ ಸಹಾಯಕ ದೋಷ ಸಂದೇಶವನ್ನು ನೋಡಬಹುದಾಗಿದೆ!
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/kn/login-error.416fe019b36a6327.png)
+![Screenshot showing the error message displayed during login](../../../../translated_images/kn/login-error.416fe019b36a6327.webp)
 
 #### ಹೆಜ್ಜೆ 4: ಪ್ರವೇಶಕಾರ್ಯದಕ್ಷತೆಗೆ ಹೊಂದಿಕೊಳ್ಳುವುದು
 
@@ -951,7 +951,7 @@ timeline
 
 ಇದಲ್ಲದೆ, ಈ ರೀತಿ ಒಳ್ಳೆಯ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ ಕಾಣಿಸಬಹುದು:
 
-![ಸ್ಟೈಲಿಂಗ್ ನಂತರ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ ಉದಾಹರಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/screen2.123c82a831a1d14a.png)
+![ಸ್ಟೈಲಿಂಗ್ ನಂತರ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ ಉದಾಹರಣೆಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/screen2.123c82a831a1d14a.webp)
 
 ನೀವು ಇದನ್ನು ಖಚಿತವಾಗಿ ಬೀಳ್ತೀರಾ ಎಂದು ಭಾವಿಸಬೇಡಿ - ಇದನ್ನು ಪ್ರೇರಣೆ ರೂಪದಲ್ಲಿ ತೆಗೆದುಕೊಳ್ಳಿ ಮತ್ತು ನಿಮ್ಮದೇ ರೀತಿಯಲ್ಲಿ ಮಾಡಿ!
 
diff --git a/translations/kn/7-bank-project/4-state-management/README.md b/translations/kn/7-bank-project/4-state-management/README.md
index 958666eb0..177c67a02 100644
--- a/translations/kn/7-bank-project/4-state-management/README.md
+++ b/translations/kn/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 ನಾವು ಇಗೋ ಒಂದು **ಕೇಂದ್ರಿತ ಸ್ಟೇಟ್ ನಿರ್ವಹಣೆ** ವ್ಯವಸ್ಥೆಯನ್ನು ಸೃಷ್ಟಿಸುವೆವು. ಇದು ಎಲ್ಲಾ ಮುಖ್ಯ ವಿಷಯಗಳ ನಿಯಂತ್ರಣದಲ್ಲಿ ಒಬ್ಬ ವ್ಯವಸ್ಥಿತ ವ್ಯಕ್ತಿ ಇರುವ ಪ್ರಕಾರ.
 
-![HTML, ಬಳಕೆದಾರ ಕ್ರಿಯೆಗಳು ಮತ್ತು ಸ್ಟೇಟ್ ನಡುವಣ ಡೇಟಾ ಪ್ರವಾಹವನ್ನು ತೋರಿಸುವ ಸ್ಕೀಮಾ](../../../../translated_images/kn/data-flow.fa2354e0908fecc8.png)
+![HTML, ಬಳಕೆದಾರ ಕ್ರಿಯೆಗಳು ಮತ್ತು ಸ್ಟೇಟ್ ನಡುವಣ ಡೇಟಾ ಪ್ರವಾಹವನ್ನು ತೋರಿಸುವ ಸ್ಕೀಮಾ](../../../../translated_images/kn/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -799,7 +799,7 @@ timeline
 
 ಹೀಗಿದೆ ನಿಮ್ಮ ಹಾಜರಿ ಪೂರ್ಣಗೊಳಿಸಿದ ನಂತರ ಉದಾಹರಣೆಯ ಫಲಿತಾಂಶ:
 
-![ಉದಾಹರಣೆ "ವಹಿವಾಟು ಸೇರಿಸಿ" ಸಂವಾದವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/dialog.93bba104afeb79f1.png)
+![ಉದಾಹರಣೆ "ವಹಿವಾಟು ಸೇರಿಸಿ" ಸಂವಾದವನ್ನು ತೋರಿಸುವ ಸ್ಕ್ರೀನ್‌ಶಾಟ್](../../../../translated_images/kn/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/kn/7-bank-project/4-state-management/assignment.md b/translations/kn/7-bank-project/4-state-management/assignment.md
index 91b64f470..ee1fab792 100644
--- a/translations/kn/7-bank-project/4-state-management/assignment.md
+++ b/translations/kn/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **ನಿರೀಕ್ಷಿತ ಫಲಿತಾಂಶ:**
 ಈ ಅಸೈನ್‌ಮೆಂಟ್ ಪೂರ್ಣಗೊಳಿಸಿದ ನಂತರ, ನಿಮ್ಮ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ಪರಿಪೂರ್ಣವಾಗಿ ಕೆಲಸ ಮಾಡುವ "ಲೆನದ ಪತ್ರ ಸೇರಿಸಿ" ವೈಶಿಷ್ಟ್ಯವನ್ನು ಹೊಂದಿರುತ್ತದೆ, ವೃತ್ತಿಪರವಾಗಿ ಕಾಣುವುದು ಮತ್ತು ನಡೆದುಕೊಳ್ಳುವುದು:
 
-![ಉದಾಹರಣೆ "ಲೆನದ ಪತ್ರ ಸೇರಿಸಿ" ಡೈಲಾಗ್ ಚಿತ್ರಣ](../../../../translated_images/kn/dialog.93bba104afeb79f1.png)
+![ಉದಾಹರಣೆ "ಲೆನದ ಪತ್ರ ಸೇರಿಸಿ" ಡೈಲಾಗ್ ಚಿತ್ರಣ](../../../../translated_images/kn/dialog.93bba104afeb79f1.webp)
 
 ## ನಿಮ್ಮ ಅನುಷ್ಠಾನವನ್ನು ಪರೀಕ್ಷಿಸುವುದು
 
diff --git a/translations/kn/7-bank-project/README.md b/translations/kn/7-bank-project/README.md
index 38a8d6b94..8ff6342f9 100644
--- a/translations/kn/7-bank-project/README.md
+++ b/translations/kn/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ಈ ಯೋಜನೆಯಲ್ಲಿ, ನೀವು ಒಂದು ಕಲ್ಪಿತ ಬ್ಯಾಂಕನ್ನು ಹೇಗೆ ನಿರ್ಮಿಸಬೇಕು ಎಂಬುದನ್ನು ಕಲಿಯೋಿರಿ. ಇವುಗಳಲ್ಲಿ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ವಿನ್ಯಾಸಗೊಳಿಸುವುದು ಮತ್ತು ಮಾರ್ಗಗಳನ್ನು ಒದಗಿಸುವುದು, ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು, ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸುವುದು, ಮತ್ತು ಬ್ಯಾಂಕಿನ ಡೇಟಾವನ್ನು ಪಡೆಯಲು API ಯಿಂದ ಡೇಟಾವನ್ನು ಎങ്ങനെ ಪಡೆಯಬೇಕು ಎಂಬುದು ಸೇರಿವೆ.
 
-| ![Screen1](../../../translated_images/kn/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/kn/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/kn/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/kn/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## ಪಾಠಗಳು
diff --git a/translations/kn/8-code-editor/1-using-a-code-editor/README.md b/translations/kn/8-code-editor/1-using-a-code-editor/README.md
index 7026f76fc..544ae2419 100644
--- a/translations/kn/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/kn/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev ಈ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ನಿಮ್ಮ ಬ್
 
 ಎಲ್ಲವೂ ಲೋಡ್ ಆದ ಮೇಲೆ, ನೀವು ಅತ್ಯಂತ ಸ್ವಚ್ಛ ಕೆಲಸದ ಜಾಗವನ್ನು ನೋಡುತ್ತೀರಿ, ಅದು ನೀವು ಮಹತ್ವಪೂರ್ಣವಾಗಿ ಕಾಣುವದಕ್ಕೆ — ನಿಮ್ಮ ಕೋಡಿಗೆ — ಗಮನ ಸೆಳೆಯುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ!
 
-![ಪ್ರಾರಂಭಿಕ VSCode.dev ಇಂಟರ್‌ಫೇಸ್](../../../../translated_images/kn/default-vscode-dev.5d06881d65c1b323.png)
+![ಪ್ರಾರಂಭಿಕ VSCode.dev ಇಂಟರ್‌ಫೇಸ್](../../../../translated_images/kn/default-vscode-dev.5d06881d65c1b323.webp)
 
 **ನಿಮ್ಮ ಹತ್ತಿರದ ಪ್ರದೇಶದ ಪ್ರೇಕ್ಷಣೀಯತೆ:**  
 - **ಕ್ರಿಯಾಶೀಲತೆ ಬಾರ್** (ಎಡಬದಿಯಲ್ಲಿ ಇರುವ ಪದ್ಧತಿ): Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, Settings ⚙️ ಇದನ್ನು ಹೊಂದಿರುವ ನಿಮ್ಮ ಮುಖ್ಯ ನವಿಗೇಶನ್  
@@ -229,7 +229,7 @@ flowchart TB
 1. ನೀವು ಇಲ್ಲಿಗಾಗಿಲ್ಲವಾದರೆ, [vscode.dev](https://vscode.dev) ಗೆ ಹೋಗಿ  
 2. ಸ್ವಾಗತ ಪರದೆಯಲ್ಲಿ “Open Remote Repository” ಬಟನ್ ನೋಡಿ클ಿಕ್ ಮಾಡಿ  
 
-   ![ರೆಮೋಟ್ ರೆಪೊ ತೆಗೆಯಿರಿ](../../../../translated_images/kn/open-remote-repository.bd9c2598b8949e7f.png)  
+   ![ರೆಮೋಟ್ ರೆಪೊ ತೆಗೆಯಿರಿ](../../../../translated_images/kn/open-remote-repository.bd9c2598b8949e7f.webp)  
 
 3. ಯಾವುದಾದರೂ GitHub ರೆಪೊ URL ಅನ್ನು ಪೇಸ್ಟ್ ಮಾಡಿ (`https://github.com/microsoft/Web-Dev-For-Beginners` ಪ್ರಯತ್ನಿಸಿ)  
 4. ಎಂಟರ್ ಒತ್ತಿ ಮತ್ತು ಮಾಯಾಜಾಲವನ್ನು ನೋಡಿ!
@@ -238,7 +238,7 @@ flowchart TB
 
 ನೀವು ಕೋಡಿಂಗ್ ಮಾಯಾಜಾಲಿವನಾಗಿ ಭಾವಿಸಬೇಕೆ? ಈ ಕಿ ಸಂಯೋಜನೆಯನ್ನು ಪ್ರಯತ್ನಿಸಿ: Ctrl+Shift+P (ಮ್ಯಾಕ್‌ನಲ್ಲಿ Cmd+Shift+P) ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್ ತೆರೆಯಲು:  
 
-![ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್](../../../../translated_images/kn/palette-menu.4946174e07f42622.png)  
+![ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್](../../../../translated_images/kn/palette-menu.4946174e07f42622.webp)  
 
 **ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್ ಎಲ್ಲವೂ ಮಾಡಲು ಎಂದು ಹುಡುಕುವ ಇಂಜಿನ್ ಗೆ ಸಮಾನ:**  
 - "open remote" typed ಮಾಡಿ ಅದು ರೆಪೊ ತೆಗೆಯುವ ಇನ್ಸ್ಟ್ರುಮೆಂಟ್ ಅನ್ನು ತೋರಿಸುತ್ತದೆ  
@@ -300,7 +300,7 @@ HTTP ಮತ್ತು HTTPS ಬೇರೆಯಾದ ಪ್ರೋಟೋಕಾಲ್
 3. ಫೈಲ್ ಹೆಸರು ಸೇರಿಸಿ ಮತ್ತು ಸರಿಯಾದ ವಿಸ್ತರಣೆಯನ್ನು (`style.css`, `script.js`, `index.html`) ನಮೂದಿಸಿ  
 4. ಫೈಲ್ ರಚಿಸಲು Enter ಒತ್ತಿ
 
-![ಹೊಸ ಫೈಲ್ ರಚನೆ](../../../../translated_images/kn/create-new-file.2814e609c2af9aeb.png)
+![ಹೊಸ ಫೈಲ್ ರಚನೆ](../../../../translated_images/kn/create-new-file.2814e609c2af9aeb.webp)
 
 **ಹೆಸರಿನ ನಿಯಮಗಳು:**  
 - ಸ್ಪಷ್ಟವಾಗಿರುವ, ಫೈಲ್ ಉದ್ದೇಶ ವಿವರಿಸುವ ಹೆಸರುಗಳಿಗೆ ಆದ್ಯತೆ ನೀಡಿ  
@@ -318,7 +318,7 @@ HTTP ಮತ್ತು HTTPS ಬೇರೆಯಾದ ಪ್ರೋಟೋಕಾಲ್
 2. ಟೈಪ್ ಮಾಡುತ್ತಿರಿರಿ ಮತ್ತು VSCode.dev ನಿಮಗೆ ಬಣ್ಣಗಳು, ಸಲಹೆಗಳು ಮತ್ತು ದೋಷ ಪತ್ತೆ ಹಂಚುತ್ತದೆ  
 3. Ctrl+S (Windows/Linux) ಅಥವಾ Cmd+S (Mac) ಒತ್ತಿ ನಿಮ್ಮ ಕೆಲಸ ಉಳಿಸಿ – ಆದರೆ ಸ್ವಯಂ-ಉಳಿಸಲು ಕೂಡ ಇದೆ!
 
-![VSCode.dev ನಲ್ಲಿ ಫೈಲ್ ಸಂಪಾದನೆ](../../../../translated_images/kn/edit-a-file.52c0ee665ef19f08.png)
+![VSCode.dev ನಲ್ಲಿ ಫೈಲ್ ಸಂಪಾದನೆ](../../../../translated_images/kn/edit-a-file.52c0ee665ef19f08.webp)
 
 **ನೀವು ಕೋಡಿಂಗ್ ವೇಳೆ ಸಂಭವಿಸುವವನ್ನು ನೋಡಿ:**  
 - ನಿಮ್ಮ ಕೋಡ್ ಸುಂದರವಾಗಿ ಬಣ್ಣಪೂರಿತವಾಗಿರುತ್ತದೆ, ಓದಲು ಸುಲಭವಾಗಿದೆ  
@@ -339,7 +339,7 @@ HTTP ಮತ್ತು HTTPS ಬೇರೆಯಾದ ಪ್ರೋಟೋಕಾಲ್
 2. ಬದಲಾಯಿಸಿದ ಫೈಲ್‌ಗಳು "Changes" ವಿಭಾಗದಲ್ಲಿ ಕಾಣಿಸುತ್ತವೆ  
 3. ಬಣ್ಣ ಐಕಾನಗಳು ಬದಲಾವಣೆಯ ವಿಧವನ್ನು ಸೂಚಿಸುತ್ತವೆ: ಹಸಿರು ಸೇರಿಸುವಿಕೆಗೆ, ಕೆಂಪು ತೆಗೆದುಹಾಕಲು
 
-![ಸೋರ್ಸ್ ಕಂಟ್ರೋಲ್‌ನಲ್ಲಿ ಬದಲಾವಣೆಗಳ ವೀಕ್ಷಣೆ](../../../../translated_images/kn/working-tree.c58eec08e6335c79.png)
+![ಸೋರ್ಸ್ ಕಂಟ್ರೋಲ್‌ನಲ್ಲಿ ಬದಲಾವಣೆಗಳ ವೀಕ್ಷಣೆ](../../../../translated_images/kn/working-tree.c58eec08e6335c79.webp)
 
 **ನಿಮ್ಮ ಕೆಲಸ ಉಳಿಸುವಿಕೆ (ಕಮಿಟ್ ಕಾರ್ಯವಿಧಾನ):**
 
@@ -431,7 +431,7 @@ mindmap
 2. ಸುತ್ತಾಟ ಮಾಡಿ ಅಥವಾ ನಿರ್ದಿಷ್ಟ ವಸ್ತುವನ್ನು ಹುಡುಕಿ
 3. ಹೆಚ್ಚು ಮಾಹಿತಿ ತಿಳಿಯಲು ಆಸಕ್ತಿಗೊಳಿಸುವ ಯಾವುದೇ ವಿಷಯವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ
 
-![ವಿಸ್ತಾರ ಮಾರುಕಟ್ಟೆ ಇಂಟರ್ಫೇಸ್](../../../../translated_images/kn/extensions.eca0e0c7f59a10b5.png)
+![ವಿಸ್ತಾರ ಮಾರುಕಟ್ಟೆ ಇಂಟರ್ಫೇಸ್](../../../../translated_images/kn/extensions.eca0e0c7f59a10b5.webp)
 
 **ನೀವು ಅನ್ವೇಷಿಸುವುದು:**
 
@@ -484,7 +484,7 @@ mindmap
 3. ಡ್ರಾಪ್‌ಡೌನ್‌ನಲ್ಲಿ "Extension Settings" ಆಯ್ಕೆಮಾಡಿ
 4. ನಿಮ್ಮ ಕಾರ್ಯಪ್ರವಾಹಕ್ಕೆ ಸರಿಹೊಂದುತ್ತದೆವರೆಗೆ ಮೇಲಾಗಿಸಿಕೊಂಡು ಹೋಗಿ
 
-![ವಿಸ್ತಾರ ಸೆಟ್ಟಿಂಗ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವುದು](../../../../translated_images/kn/extension-settings.21c752ae4f4cdb78.png)
+![ವಿಸ್ತಾರ ಸೆಟ್ಟಿಂಗ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವುದು](../../../../translated_images/kn/extension-settings.21c752ae4f4cdb78.webp)
 
 **ನೀವು ನವೀಕರಿಸಲು ಇಚ್ಛಿಸಬಹುದಾದ ಸಾಮಾನ್ಯ ವಸ್ತುಗಳು:**
 - ನಿಮ್ಮ ಕೋಡ್ ಹೇಗೆ ಫಾರ್ಮ್ಯಾಟ್ ಆಗುತ್ತದೆ (ಟ್ಯಾಬ್‌ಗಳು ಅಥವಾ ಜಾಗಗಳು, ಸಾಲು ಉದ್ದ, ಇತ್ಯಾದಿ)
diff --git a/translations/kn/8-code-editor/1-using-a-code-editor/assignment.md b/translations/kn/8-code-editor/1-using-a-code-editor/assignment.md
index 53f31bc53..1e99dbd9a 100644
--- a/translations/kn/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/kn/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ VSCode.dev ಕಡಿಮೆಸ್‌ಮ್ಮುಖವಾಗಿ ಕಡಾ ಫೈ
 4. "Add initial HTML structure" ಎಂಬ ಕಮಿಟ್ ಸಂದೇಶವನ್ನು ಬರೆಯಿರಿ  
 5. ಬದಲಾವಣೆಗಳನ್ನು ಉಳಿಸಲು "Commit new file" ಕ್ಲಿಕ್ ಮಾಡಿ
 
-![GitHub ನಲ್ಲಿ ಪ್ರಾಥಮಿಕ ಫೈಲ್ ರಚನೆ](../../../../translated_images/kn/new-file-github.com.c886796d800e8056.png)
+![GitHub ನಲ್ಲಿ ಪ್ರಾಥಮಿಕ ಫೈಲ್ ರಚನೆ](../../../../translated_images/kn/new-file-github.com.c886796d800e8056.webp)
 
 **ಈ ಆರಂಭಿಕ ಸೆಟಪ್ ಏನನ್ನು ಸಾಧಿಸುತ್ತದೆ:**
 - ಸಮಾಸ್ಯಪೂರ್ಣ HTML5 ಡಾಕ್ಯುಮೆಂಟ್ ರಚನೆ ಉಂಟುಮಾಡುತ್ತದೆ
@@ -104,7 +104,7 @@ VSCode.dev ಕಡಿಮೆಸ್‌ಮ್ಮುಖವಾಗಿ ಕಡಾ ಫೈ
 
 ✅ **ಯಶಸ್ಸಿನ ಸೂಚನೆ**: ಎಕ್ಸ್ಪ್ಲೋರರ್ ಸೈಡ್‌ಬಾರ್‌ನಲ್ಲಿ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ ಫೈಲುಗಳು ಮತ್ತು `index.html` ಮುಖ್ಯ ಸಂಪಾದಕ ಪ್ರದೇಶದಲ್ಲಿ ತೋರಬೇಕು.
 
-![VSCode.dev ನಲ್ಲಿ ಪ್ರಾಜೆಕ್ಟ್ ಲೋಡ್](../../../../translated_images/kn/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev ನಲ್ಲಿ ಪ್ರಾಜೆಕ್ಟ್ ಲೋಡ್](../../../../translated_images/kn/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **ಇಂಟರ್ಫೇಸ್ನಲ್ಲಿ ನೀವು ಕಾಣುವವು:**
 - **ಎಕ್ಸ್ಪ್ಲೋರರ್ ಸೈಡ್‌ಬಾರ್**: ರೆಪೊ ಫೈಲುಗಳು ಮತ್ತು ಫೋಲ್ಡರ್ ರಚನೆಯನ್ನು ತೋರಿಸುತ್ತದೆ  
@@ -448,7 +448,7 @@ li:before {
 **ಸ್ಥಾಪನೆಯಾದ ನಂತರ ತಕ್ಷಣದ ಫಲಿತಾಂಶಗಳು:**
 CodeSwing ಸ್ಥಾಪಿತವಾದ ಮೇಲೆ, ನಿಮ್ಮ ಸಂಪಾದಕದಲ್ಲಿ ನಿಮಗೆ ನಿಮ್ಮ ರೆಜ್ಯೂಮ್ ವೆಬ್‌ಸೈಟಿನ ಲೈವ್ ಪ್ರಿವ್ಯೂ ತೋರಿಸಲಾಗುತ್ತದೆ. ಇದು ನೀವು ಮಾಡಿದ ಬದಲಾವಣೆಗಳನ್ನು ತಕ್ಷಣ ಹೇಗಿರುವುದೆಂದು ನೋಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
 
-![CodeSwing ಲೈವ್ ಪ್ರಿವ್ಯೂ ತೋರಣೆ](../../../../translated_images/kn/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing ಲೈವ್ ಪ್ರಿವ್ಯೂ ತೋರಣೆ](../../../../translated_images/kn/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **ಮೇಲ್ನೋಟ ಹೊಂದಿದ ಇಂಟರ್ಫೇಸ್ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ:**
 - ** ಸ್ಪ್ಲಿಟ್ ವೀಕ್ಷಣೆ**: ಒಂದೊಂದರ ಬದಿಯಲ್ಲಿ ನಿಮ್ಮ ಕೋಡ್ ಮತ್ತು ಮತ್ತೊಂದರ ಬದಿಯಲ್ಲಿ ಲೈವ್ ಪ್ರಿವ್ಯೂ  
diff --git a/translations/kn/9-chat-project/README.md b/translations/kn/9-chat-project/README.md
index ada836bfd..b403ae5d3 100644
--- a/translations/kn/9-chat-project/README.md
+++ b/translations/kn/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 ನಿಮ್ಮ ಪೂರ್ಣಗೊಂಡ ಯೋಜನೆ ಹೀಗಿರಬಹುದು:
 
-![ವ್ಯವಸ್ಥಾಪಕರ ಮತ್ತು AI ಸಹಾಯಕರ ನಡುವೆ ಸಂಭಾಷಣೆಯನ್ನು ತೋರizingಾಗುವ ಚಾಟ್ ಅಪ್ಲಿಕೇಶನ್ ಇಂಟರ್ಫೇಸ್](../../../translated_images/kn/screenshot.0a1ee0d123df681b.png)
+![ವ್ಯವಸ್ಥಾಪಕರ ಮತ್ತು AI ಸಹಾಯಕರ ನಡುವೆ ಸಂಭಾಷಣೆಯನ್ನು ತೋರizingಾಗುವ ಚಾಟ್ ಅಪ್ಲಿಕೇಶನ್ ಇಂಟರ್ಫೇಸ್](../../../translated_images/kn/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ AI ಅಪ್ಲಿಕೇಶನ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಕ ನಿಮ್ಮ ಕಲಿಕೆಯ ಪ್ರಯಾಣ
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **ಮೂಲತತ್ವ**: AI ಅಪ್ಲಿಕೇಶನ್ ಅಭಿವೃದ್ಧಿ ಸಾಂಪ್ರದಾಯಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಕೌಶಲ್ಯಗಳನ್ನು AI ಸೇವೆಗಳ ಇಂಟಿಗ್ರೇಶನ್ ಜೊತೆಗೆ ಸಂಯೋಜಿಸಿ ಬಳಕೆದಾರರಿಗೆ ಸಹಜ ಮತ್ತು ಸ್ಪಂದನಶೀಲ ಬಗೆಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ.
 
-![GitHub Models AI Playground ಇಂಟರ್ಫೇಸ್ ಮಾದರಿ ಆಯ್ಕೆ ಮತ್ತು ಪರೀಕ್ಷಾ ಪ್ರದೇಶವನ್ನು ತೋರಿಸುವುದು](../../../translated_images/kn/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground ಇಂಟರ್ಫೇಸ್ ಮಾದರಿ ಆಯ್ಕೆ ಮತ್ತು ಪರೀಕ್ಷಾ ಪ್ರದೇಶವನ್ನು ತೋರಿಸುವುದು](../../../translated_images/kn/playground.d2b927122224ff8f.webp)
 
 **ಪ್ಲೇಗ್ರೌಂಡ್ ಉಪಕಾರ ಮಾಡುವ ಕೆಲವು ಅಂಶಗಳು:**
 - GPT-4o-mini, Claude ಮತ್ತು ಇತರ ವಿವಿಧ AI ಮಾದರಿಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ (ಎಲ್ಲವೂ ಉಚಿತ!)
@@ -199,7 +199,7 @@ mindmap
 
 ಸ್ವಲ್ಪ ಪ್ರಯೋಗಮಾಡಿದ ಮೇಲೆ "Code" ಟ್ಯಾಬ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯನ್ನು ಆಯ್ಕೆಮಾಡಿ ಅವಶ್ಯವಾದ ಜಾರಿಗೆ ಕೋಡ್ ಪಡೆಯಿರಿ.
 
-![ಪ್ಲೇಗ್ರೌಂಡ್ ಆಯ್ಕೆ ವಿವಿಧ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಿಗಾಗಿ ಕೋಡ್ ತಯಾರಿಕೆಯ ಆಯ್ಕೆಯೊಂದಿಗೆ](../../../translated_images/kn/playground-choice.1d23ba7d407f4758.png)
+![ಪ್ಲೇಗ್ರೌಂಡ್ ಆಯ್ಕೆ ವಿವಿಧ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಿಗಾಗಿ ಕೋಡ್ ತಯಾರಿಕೆಯ ಆಯ್ಕೆಯೊಂದಿಗೆ](../../../translated_images/kn/playground-choice.1d23ba7d407f4758.webp)
 
 ## ಪೈಥಾನ್ ಬ್ಯಾಕ್‌ಎಂಡ್ ಇಂಟಿಗ್ರೇಶನ್ ವ್ಯವಸ್ಥೆಗೊಳಿಸುವುದು
 
@@ -1559,14 +1559,14 @@ mindmap
 - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) ಗೆ **ನೌಯಿಗೇಟ್ ಮಾಡಿ**  
 - ಮೇಲೆ-ಬಲ ದೇವರದಲ್ಲಿ "Use this template" ಕ್ಲಿಕ್ ಮಾಡಿ (ನೀವು GitHub ನಲ್ಲಿ ಲಾಗಿನ್ ಆಗಿರಬೇಕು)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/kn/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/kn/template.67ad477109d29a2b.webp)
 
 **ಹೆಜ್ಜೆ 2: Codespaces ಪ್ರಾರಂಭಿಸಿ**  
 - ನಿಮ್ಮ ಹೊಸ ರೆಪೊ ತೆರೆಯಿರಿ  
 - ಹಸಿರು "Code" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು "Codespaces" ಆಯ್ಕೆ ಮಾಡಿ  
 - ನಿಮ್ಮ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಪ್ರಾರಂಭಿಸಲು "Create codespace on main" ಆಯ್ಕೆಮಾಡಿ
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/kn/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/kn/codespace.bcecbdf5d2747d3d.webp)
 
 **ಹೆಜ್ಜೆ 3: ಪರಿಸರ ಕಾನ್ಫಿಗರೇಶನ್**  
 ನೀವು Codespace ತೆರೆಯುತ್ತಿದ್ದಂತೆ, ನಿಮಗೆ ಲಭ್ಯವಾಗಲಿದೆ:  
diff --git a/translations/kn/README.md b/translations/kn/README.md
index 47625af3c..2649708ce 100644
--- a/translations/kn/README.md
+++ b/translations/kn/README.md
@@ -72,13 +72,13 @@ Azure AI Foundry Discord ಸಮುದಾಯವನ್ನು ಸೇರಿ
 
 ಪ್ರಾರಂಭಿಸಲು [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ಗೆ ಭೇಟಿ ನೀಡಿ!
 
-![Background](../../translated_images/kn/background.148a8d43afde5730.png)
+![Background](../../translated_images/kn/background.148a8d43afde5730.webp)
 
 - ಮೂಲಭೂತದಿಂದ RAG ವರೆಗೆ ಎಲ್ಲವನ್ನೂ ಆವರಿಸುವ ಪಾಠಗಳು.  
 - ಜನರೇಟಿವ್ AI ಮತ್ತು ನಮ್ಮ ಸಹಯೋಗಿ ಅಪ್ಲಿಕೇಶನ್ ಮೂಲಕ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳೊಂದಿಗೆ ಸಂವಾದ.  
 - ಮನರಂಜನೆ ಮತ್ತು ಆಕರ್ಷಕ ಕಥನ, ನೀವು ಕಾಲ ಯಾತ್ರೆಯಲ್ಲಿ ಹೋಗುತ್ತೀರಿ!
 
-![character](../../translated_images/kn/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/kn/character.5c0dd8e067ffd693.webp)
 
 ಪ್ರತಿಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸುವ ಅಸೈನ್ಮೆಂಟ್, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಇರುತ್ತದೆ, ಇವುಡಿ ಕಲಿಕೆಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತವೆ ಹೀಗೆ:  
 - ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್  
@@ -114,7 +114,7 @@ Azure AI Foundry Discord ಸಮುದಾಯವನ್ನು ಸೇರಿ
 
 ನೀವು ಸೃಷ್ಟಿಸಿದ ರೆಪೊಸಿಟರಿಯಲ್ಲಿ, **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ನಿಮಗಾಗಿ ಹೊಸ Codespace ಸೃಷ್ಟಿಸುವುದು.
 
-![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.webp)
 
 #### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಓಡಿಸುವುದು
 
diff --git a/translations/kn/for-teachers.md b/translations/kn/for-teachers.md
index a279c139e..937a589f1 100644
--- a/translations/kn/for-teachers.md
+++ b/translations/kn/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle ಕ್ಲೌಡ್‌ಗೆ Common Cartridge ಬೆಂಬಲ ಸೀಮಿತವಾಗಿದೆ. ಮೇಲಿನ Moodle ಫೈಲ್‌ನ್ನು ವಿಷಯಪ್ರಕಾರ Canvas ಗೆ ಅಪ್ಲೋಡ್ ಮಾಡಬಹುದು.
   - ಆಮದು ನಂತರ, ನೀವು ಉಪನ್ಯಾಸ ಸಮಯಕ್ಕೆ ಸರಿಹೊಂದುವಂತೆ ಮೊಡ್ಯೂಲ್‌ಗಳು, ದಿನಾಂಕಗಳು ಮತ್ತು ಕ್ವಿಜ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ.
 
-![Moodle](../../translated_images/kn/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/kn/moodle.94eb93d714a50cb2.webp)
 > Moodle ತರಗತಿಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮ
 
-![Canvas](../../translated_images/kn/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/kn/canvas.fbd605ff8e5b8aff.webp)
 > Canvas ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮ
 
 ### ರಿಪೊ ಅನ್ನು ನೇರವಾಗಿ ಬಳಸಿ (Classroom ಇಲ್ಲದೆ)
diff --git a/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index f1de45178..e072e69dd 100644
--- a/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 오늘은 최신 웹 개발을 가능하게 할 뿐 아니라 정말 중독성 강한 놀라운 도구들을 탐험할 거예요. 넷플릭스, 스포티파이, 좋아하는 인디 앱 스튜디오의 개발자들이 매일 같이 쓰는 똑같은 편집기, 브라우저, 작업 흐름들을 말이죠. 그리고 여러분이 춤추게 만들 부분: 이 전문적인 수준의 산업 표준 도구들 대부분이 완전 무료라는 사실이에요!
 
-![Intro Programming](../../../../translated_images/ko/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/ko/webdev101-programming.d6e3f98e61ac4bff.webp)
 > 스케치노트 by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ko/1-getting-started-lessons/2-github-basics/README.md b/translations/ko/1-getting-started-lessons/2-github-basics/README.md
index f5eee0c23..8be88104d 100644
--- a/translations/ko/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/ko/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 함께 한 걸음씩 천천히 배워 나가 보겠습니다. 서두르지 않고, 압박감 없이 – 여러분과 저, 그리고 여러분의 새 친구가 될 몇 가지 멋진 도구들만 있을 거예요!
 
-![Intro to GitHub](../../../../translated_images/ko/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/ko/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -605,7 +605,7 @@ flowchart TD
 
 ✅ '초보자 친화적인' 저장소를 찾는 좋은 방법은 [‘good-first-issue’ 태그로 검색하기](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)입니다.
 
-![Copy a repo locally](../../../../translated_images/ko/clone_repo.5085c48d666ead57.png)
+![Copy a repo locally](../../../../translated_images/ko/clone_repo.5085c48d666ead57.webp)
 
 코드를 복사하는 방법은 여러 가지가 있습니다. 한 가지 방법은 저장소 내용을 HTTPS, SSH, 또는 GitHub CLI(명령줄 인터페이스)를 사용하여 "clone"하는 것입니다.
 
diff --git a/translations/ko/1-getting-started-lessons/3-accessibility/README.md b/translations/ko/1-getting-started-lessons/3-accessibility/README.md
index 0a9bbbc73..ae9ed8e96 100644
--- a/translations/ko/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/ko/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # 접근성 높은 웹페이지 만들기
 
-![접근성에 관한 모든 것](../../../../translated_images/ko/webdev101-a11y.8ef3025c858d897a.png)
+![접근성에 관한 모든 것](../../../../translated_images/ko/webdev101-a11y.8ef3025c858d897a.webp)
 > 스케치노트 by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ko/2-js-basics/1-data-types/README.md b/translations/ko/2-js-basics/1-data-types/README.md
index c299361cd..219e6fa3c 100644
--- a/translations/ko/2-js-basics/1-data-types/README.md
+++ b/translations/ko/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 기초: 데이터 타입
 
-![JavaScript Basics - Data types](../../../../translated_images/ko/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/ko/webdev101-js-datatypes.4cc470179730702c.webp)
 > 스케치노트 작성자 [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ko/2-js-basics/2-functions-methods/README.md b/translations/ko/2-js-basics/2-functions-methods/README.md
index 3f8e878ee..a6cfe5865 100644
--- a/translations/ko/2-js-basics/2-functions-methods/README.md
+++ b/translations/ko/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 기초: 메서드와 함수
 
-![JavaScript Basics - Functions](../../../../translated_images/ko/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/ko/webdev101-js-functions.be049c4726e94f8b.webp)
 > 스케치노트 by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ko/2-js-basics/3-making-decisions/README.md b/translations/ko/2-js-basics/3-making-decisions/README.md
index 9092fc4cf..eafbc705c 100644
--- a/translations/ko/2-js-basics/3-making-decisions/README.md
+++ b/translations/ko/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 기초: 의사 결정
 
-![JavaScript Basics - Making decisions](../../../../translated_images/ko/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/ko/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > 스케치노트 작성자 [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/ko/2-js-basics/4-arrays-loops/README.md b/translations/ko/2-js-basics/4-arrays-loops/README.md
index 33e050b8b..991dd9f28 100644
--- a/translations/ko/2-js-basics/4-arrays-loops/README.md
+++ b/translations/ko/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 기본: 배열과 반복문
 
-![JavaScript Basics - Arrays](../../../../translated_images/ko/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/ko/webdev101-js-arrays.439d7528b8a29455.webp)
 > 스케치노트 작성자 [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ko/3-terrarium/1-intro-to-html/README.md b/translations/ko/3-terrarium/1-intro-to-html/README.md
index 0c2519ba4..8f1300378 100644
--- a/translations/ko/3-terrarium/1-intro-to-html/README.md
+++ b/translations/ko/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![Introduction to HTML](../../../../translated_images/ko/webdev101-html.4389c2067af68e98.png)
+![Introduction to HTML](../../../../translated_images/ko/webdev101-html.4389c2067af68e98.webp)
 > 스케치노트 작성자 [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML 또는 하이퍼텍스트 마크업 언어는 여러분이 방문한 모든 웹사이트의 기반입니다. HTML을 웹 페이지에 구조를 부여하는 골격으로 생각해보세요. 어떤 콘텐츠가 어디에 배치되고, 어떻게 조직되며, 각 부분이 무엇을 의미하는지 정의합니다. CSS는 나중에 HTML에 색상과 레이아웃을 입히고, JavaScript는 상호작용을 통해 생명을 불어넣지만, HTML은 모든 것을 가능하게 하는 필수적인 구조를 제공합니다.
@@ -86,7 +86,7 @@ HTML 코드를 작성하기 전에 테라리움 프로젝트를 위한 적절한
 4. 탐색기 창에서 "새 파일" 아이콘을 클릭합니다.
 5. 파일명을 `index.html`로 지정합니다.
 
-![VS Code 탐색기에서 새 파일 생성 모습](../../../../translated_images/ko/vs-code-index.e2986cf919471eb9.png)
+![VS Code 탐색기에서 새 파일 생성 모습](../../../../translated_images/ko/vs-code-index.e2986cf919471eb9.webp)
 
 **옵션 2: 터미널 명령어 사용하기**
 ```bash
diff --git a/translations/ko/3-terrarium/2-intro-to-css/README.md b/translations/ko/3-terrarium/2-intro-to-css/README.md
index fc8400478..418138ea0 100644
--- a/translations/ko/3-terrarium/2-intro-to-css/README.md
+++ b/translations/ko/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Responsive design: 5: Student
       Glass reflections: 5: Student
 ```
-![CSS 소개](../../../../translated_images/ko/webdev101-css.3f7af5991bf53a20.png)
+![CSS 소개](../../../../translated_images/ko/webdev101-css.3f7af5991bf53a20.webp)
 > 스케치노트 작성자: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 기억하시나요, HTML 테라리움이 꽤 기본적으로 보였던 것을? CSS는 그 단순한 구조를 시각적으로 매력적으로 변신시키는 부분입니다.
@@ -202,7 +202,7 @@ body {
 
 브라우저 개발자 도구(F12)를 열고 요소 탭에서 `<h1>` 요소를 검사해 보세요. `body`로부터 폰트 패밀리를 상속받는 것을 확인할 수 있습니다:
 
-![상속된 폰트](../../../../translated_images/ko/1.cc07a5cbe114ad1d.png)
+![상속된 폰트](../../../../translated_images/ko/1.cc07a5cbe114ad1d.webp)
 
 ✅ **실험 시간**: `<body>`에 `color`, `line-height`, 또는 `text-align` 같은 다른 상속 속성을 설정해 보세요. 제목과 다른 요소들은 어떻게 변하나요?
 
@@ -594,7 +594,7 @@ flowchart LR
 
 빛이 유리 표면에 반사되는 미묘한 하이라이트를 만듭니다. 이는 르네상스 화가 얀 반 에이크가 빛과 반사를 사용해 유리를 3차원처럼 보이게 한 방법과 비슷합니다. 목표는 다음과 같습니다:
 
-![finished terrarium](../../../../translated_images/ko/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/ko/terrarium-final.2f07047ffc597d0a.webp)
 
 **당신의 도전:**
 - 유리 반사를 위한 미묘한 흰색 또는 밝은 색의 타원형 모양 만들기
diff --git a/translations/ko/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ko/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 70eda9b63..da300bf8c 100644
--- a/translations/ko/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/ko/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Test functionality: 5: Student
       Complete terrarium: 5: Student
 ```
-![DOM과 클로저](../../../../translated_images/ko/webdev101-js.10280393044d7eaa.png)
+![DOM과 클로저](../../../../translated_images/ko/webdev101-js.10280393044d7eaa.webp)
 > 스케치노트 작성자 [Tomomi Imura](https://twitter.com/girlie_mac)
 
 웹 개발에서 가장 흥미로운 부분 중 하나에 오신 것을 환영합니다 - 바로 인터랙션 구현입니다! 문서 객체 모델(DOM)은 HTML과 JavaScript 사이의 다리와 같으며, 오늘은 이를 이용해 테라리움을 생동감 있게 만들어 보겠습니다. 팀 버너스리(Tim Berners-Lee)가 최초의 웹 브라우저를 만들었을 때, 문서가 동적이고 상호작용 가능할 수 있는 웹을 꿈꿨습니다 - DOM이 그 비전을 실현하게 합니다.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM 트리 표현](../../../../translated_images/ko/dom-tree.7daf0e763cbbba92.png)
+![DOM 트리 표현](../../../../translated_images/ko/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM과 이를 참조하는 HTML 마크업의 표현. 출처: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **클로저 이해하기**: 클로저는 JavaScript에서 중요한 주제로, 많은 개발자들이 제대로 이해하기까지 오랜 시간이 걸립니다. 오늘은 실용적 적용에 집중할 것입니다 - 인터랙티브 기능을 구현하면서 클로저가 자연스럽게 등장하는 모습을 보게 될 것입니다. 문제를 해결하는 방식을 통해 이해가 깊어질 것입니다.
 
-![DOM 트리 표현](../../../../translated_images/ko/dom-tree.7daf0e763cbbba92.png)
+![DOM 트리 표현](../../../../translated_images/ko/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM과 이를 참조하는 HTML 마크업의 표현. 출처: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **기기별 호환:** 데스크톱과 모바일 모두 지원
 - **성능 고려:** 메모리 누수 및 불필요한 계산 없음
 
-![finished terrarium](../../../../translated_images/ko/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/ko/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/ko/5-browser-extension/1-about-browsers/README.md b/translations/ko/5-browser-extension/1-about-browsers/README.md
index 7dfacfb65..326ca73b8 100644
--- a/translations/ko/5-browser-extension/1-about-browsers/README.md
+++ b/translations/ko/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       문제 디버깅하기: 4: Student
       사용자 경험 다듬기: 5: Student
 ```
-![브라우저 스케치노트](../../../../translated_images/ko/browser.60317c9be8b7f84a.jpg)
+![브라우저 스케치노트](../../../../translated_images/ko/browser.60317c9be8b7f84a.webp)
 > 스케치노트 작성자: [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## 강의 전 퀴즈
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **간단한 역사**: 최초의 브라우저는 'WorldWideWeb'이라 불렸으며, 1990년 팀 버너스-리가 만들었습니다.
 
-![초기 브라우저들](../../../../translated_images/ko/earlybrowsers.d984b711cdf3a42d.jpg)
+![초기 브라우저들](../../../../translated_images/ko/earlybrowsers.d984b711cdf3a42d.webp)
 > 초기 몇몇 브라우저, 출처: [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### 브라우저가 웹 콘텐츠를 처리하는 방식
@@ -194,7 +194,7 @@ quadrantChart
 
 확장 설치 과정을 이해하면 사용자가 확장 설치 시 경험을 예측할 수 있습니다. 설치 과정은 현대 브라우저 전반에 걸쳐 표준화되어 있으나 UI 디자인에 약간의 차이가 있습니다.
 
-![엣지 브라우저에서 edge://extensions 페이지와 설정 메뉴를 보여주는 스크린샷](../../../../translated_images/ko/install-on-edge.d68781acaf0b3d3d.png)
+![엣지 브라우저에서 edge://extensions 페이지와 설정 메뉴를 보여주는 스크린샷](../../../../translated_images/ko/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **중요**: 직접 개발한 확장 프로그램을 테스트할 때는 개발자 모드를 활성화하고 다른 스토어의 확장 허용을 꼭 켜두세요.
 
@@ -308,10 +308,10 @@ project-root/
 ### 확장 뷰 개요
 
 **설정 뷰** - 처음 사용자 설정 표시:
-![브라우저에서 확장 프로그램이 열려 지역명과 API 키 입력 폼을 표시하는 완성된 화면의 스크린샷](../../../../translated_images/ko/1.b6da8c1394b07491.png)
+![브라우저에서 확장 프로그램이 열려 지역명과 API 키 입력 폼을 표시하는 완성된 화면의 스크린샷](../../../../translated_images/ko/1.b6da8c1394b07491.webp)
 
 **결과 뷰** - 탄소 발자국 데이터 표시:
-![US-NEISO 지역의 탄소 사용량과 화석연료 비율 값을 표시하는 완성된 확장 프로그램의 스크린샷](../../../../translated_images/ko/2.1dae52ff08042246.png)
+![US-NEISO 지역의 탄소 사용량과 화석연료 비율 값을 표시하는 완성된 확장 프로그램의 스크린샷](../../../../translated_images/ko/2.1dae52ff08042246.webp)
 
 ### 설정 폼 만들기
 
diff --git a/translations/ko/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ko/5-browser-extension/2-forms-browsers-local-storage/README.md
index b8e82ad9b..67f55b5cf 100644
--- a/translations/ko/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/ko/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: 저장된 데이터 삭제
     ClearStorage --> FirstTime: 설정으로 돌아가기
 ```
-![Local storage pane](../../../../translated_images/ko/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/ko/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **보안 고려사항**: 실제 애플리케이션에서는 로컬 스토리지에 API 키를 저장하는 것이 위험할 수 있습니다. JavaScript가 이 데이터를 접근할 수 있기 때문입니다. 학습 목적에는 적합하지만 실제 앱은 민감한 자격 증명을 서버 측 안전 저장소에 보관해야 합니다.
 
diff --git a/translations/ko/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ko/5-browser-extension/3-background-tasks-and-performance/README.md
index b8d1be7cc..d8ee2a7ae 100644
--- a/translations/ko/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/ko/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Edge에서 개발자 도구를 열려면, 오른쪽 상단의 점 세 개를 클
 
 해봅시다. 웹사이트(예: Microsoft.com)를 열고 'Record' 버튼을 클릭하세요. 이제 페이지를 새로 고침하고 프로파일러가 발생하는 모든 작업을 캡처하는 것을 지켜보세요. 녹화를 중단하면 브라우저가 사이트를 '스크립트', '렌더링', '페인팅' 하는 세부 분석 결과를 볼 수 있습니다. 이는 우주선 발사 시 미션 컨트롤이 모든 시스템을 모니터링하는 것과 비슷합니다 - 무엇이 언제 어떻게 일어나는지 실시간 데이터를 얻습니다.
 
-![Edge profiler](../../../../translated_images/ko/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/ko/profiler.5a4a62479c5df01c.webp)
 
 ✅ 더 깊이 배우고 싶다면 [Microsoft 문서](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon)를 참고하세요.
 
@@ -133,11 +133,11 @@ Edge에서 개발자 도구를 열려면, 오른쪽 상단의 점 세 개를 클
 
 프로파일 타임라인의 일부를 선택하고 요약 창을 보면 페이지 성능의 스냅샷을 얻을 수 있습니다:
 
-![Edge profiler snapshot](../../../../translated_images/ko/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/ko/snapshot.97750180ebcad737.webp)
 
 이벤트 로그 창에서 15ms 이상 걸린 이벤트가 있는지 확인하세요:
 
-![Edge event log](../../../../translated_images/ko/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/ko/log.804026979f3707e0.webp)
 
 ✅ 프로파일러에 익숙해지세요! 이 사이트에서 개발자 도구를 열어 병목 현상이 있는지 확인해 보세요. 가장 느린 로딩 자원은 무엇인가요? 가장 빠른 것은요?
 
diff --git a/translations/ko/6-space-game/2-drawing-to-canvas/README.md b/translations/ko/6-space-game/2-drawing-to-canvas/README.md
index 1091b467f..c4a957828 100644
--- a/translations/ko/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/ko/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![the canvas's grid](../../../../translated_images/ko/canvas_grid.5f209da785ded492.png)
+![the canvas's grid](../../../../translated_images/ko/canvas_grid.5f209da785ded492.webp)
 > 이미지 출처 [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 캔버스에 그림을 그리려면, 모든 캔버스 그래픽의 토대가 되는 세 단계 과정을 따라야 합니다. 몇 번 해보면 자연스러워집니다:
@@ -323,11 +323,11 @@ Canvas 요소가 있는 웹 페이지를 만듭니다. 검은색 배경에 크
 
 - 영웅 우주선
 
-   ![Hero ship](../../../../translated_images/ko/player.dd24c1afa8c71e9b.png)
+   ![Hero ship](../../../../translated_images/ko/player.dd24c1afa8c71e9b.webp)
 
 - 5×5 몬스터 편대
 
-   ![Monster ship](../../../../translated_images/ko/enemyShip.5df2a822c16650c2.png)
+   ![Monster ship](../../../../translated_images/ko/enemyShip.5df2a822c16650c2.webp)
 
 ### 개발 시작을 위한 권장 단계
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 완성된 결과는 다음과 같이 보여야 합니다:
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/ko/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/ko/partI-solution.36c53b48c9ffae2a.webp)
 
 ## 해결책
 
diff --git a/translations/ko/6-space-game/5-keeping-score/README.md b/translations/ko/6-space-game/5-keeping-score/README.md
index e7d63b5aa..e2eebd3f8 100644
--- a/translations/ko/6-space-game/5-keeping-score/README.md
+++ b/translations/ko/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **점수 시스템**: 파괴된 적 우주선마다 100점을 부여합니다 (라운드 숫자가 플레이어가 생각하기에 더 쉽습니다). 점수는 왼쪽 아래 모서리에 표시합니다.
-- **생명 카운터**: 주인공은 세 개의 생명으로 시작합니다 - 초기 아케이드 게임이 도전과 플레이 가능성을 균형 맞춘 표준입니다. 적과 충돌할 때마다 한 생명이 줄어듭니다. 남은 생명은 오른쪽 아래 모서리에 우주선 아이콘으로 표시합니다 ![life image](../../../../translated_images/ko/life.6fb9f50d53ee0413.png).
+- **생명 카운터**: 주인공은 세 개의 생명으로 시작합니다 - 초기 아케이드 게임이 도전과 플레이 가능성을 균형 맞춘 표준입니다. 적과 충돌할 때마다 한 생명이 줄어듭니다. 남은 생명은 오른쪽 아래 모서리에 우주선 아이콘으로 표시합니다 ![life image](../../../../translated_images/ko/life.6fb9f50d53ee0413.webp).
 
 ## 시작해 봅시다!
 
diff --git a/translations/ko/7-bank-project/1-template-route/README.md b/translations/ko/7-bank-project/1-template-route/README.md
index 6229f69b9..16768bdf4 100644
--- a/translations/ko/7-bank-project/1-template-route/README.md
+++ b/translations/ko/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 `history.pushState`를 사용하면 브라우저 내비게이션 히스토리에 새 항목이 만들어집니다. 브라우저의 *뒤로 버튼*을 길게 누르면 다음과 같은 내비게이션 히스토리 목록을 볼 수 있습니다:
 
-![Screenshot of navigation history](../../../../translated_images/ko/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/ko/history.7fdabbafa521e064.webp)
 
 뒤로 버튼을 몇 번 눌러 보면 현재 URL은 바뀌고 히스토리가 업데이트되지만, 여전히 같은 템플릿만 표시되는 것을 볼 수 있습니다.
 
diff --git a/translations/ko/7-bank-project/2-forms/README.md b/translations/ko/7-bank-project/2-forms/README.md
index af57176f4..d56c37217 100644
--- a/translations/ko/7-bank-project/2-forms/README.md
+++ b/translations/ko/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ graph TD
 2. 브라우저 주소창 변화 관찰
 3. 페이지가 새로고침 되고 URL에 데이터가 표시됨을 확인
 
-![가입하기 버튼 클릭 후 브라우저 URL 변화 스크린샷](../../../../translated_images/ko/click-register.e89a30bf0d4bc9ca.png)
+![가입하기 버튼 클릭 후 브라우저 URL 변화 스크린샷](../../../../translated_images/ko/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP 메서드 비교
 
@@ -346,7 +346,7 @@ graph TD
 2. "계정 생성" 버튼 클릭
 3. 브라우저에서 서버 응답 관찰
 
-![localhost:5000/api/accounts 주소의 JSON 문자열이 포함된 브라우저 창](../../../../translated_images/ko/form-post.61de4ca1b964d91a.png)
+![localhost:5000/api/accounts 주소의 JSON 문자열이 포함된 브라우저 창](../../../../translated_images/ko/form-post.61de4ca1b964d91a.webp)
 
 **확인할 사항:**
 - **브라우저가 API 엔드포인트 URL로 리다이렉트 됨**
@@ -609,7 +609,7 @@ async function register() {
 3. **"계정 만들기" 클릭**
 4. **콘솔 메시지 및 사용자 피드백 관찰**
 
-![브라우저 콘솔에 로그 메시지가 표시된 스크린샷](../../../../translated_images/ko/browser-console.efaf0b51aaaf6778.png)
+![브라우저 콘솔에 로그 메시지가 표시된 스크린샷](../../../../translated_images/ko/browser-console.efaf0b51aaaf6778.webp)
 
 **보여야 할 내용:**
 - **제출 버튼에 로딩 상태 표시**
@@ -783,7 +783,7 @@ input:focus:invalid {
 3. **사용자명에 특수 문자 입력 시도**
 4. **음수 잔액 입력**
 
-![폼 제출 시 유효성 검사 오류가 표시된 스크린샷](../../../../translated_images/ko/validation-error.8bd23e98d416c22f.png)
+![폼 제출 시 유효성 검사 오류가 표시된 스크린샷](../../../../translated_images/ko/validation-error.8bd23e98d416c22f.webp)
 
 **관찰할 점:**
 - **브라우저 기본 유효성 검사 메시지 표시**
@@ -943,7 +943,7 @@ timeline
 
 약간의 스타일링 후 최종 로그인 페이지가 어떻게 보일 수 있는지에 대한 예시는 다음과 같습니다:
 
-![CSS 스타일을 추가한 후 로그인 페이지 스크린샷](../../../../translated_images/ko/result.96ef01f607bf856a.png)
+![CSS 스타일을 추가한 후 로그인 페이지 스크린샷](../../../../translated_images/ko/result.96ef01f607bf856a.webp)
 
 ## 강의 후 퀴즈
 
diff --git a/translations/ko/7-bank-project/3-data/README.md b/translations/ko/7-bank-project/3-data/README.md
index ece8c310b..e660df860 100644
--- a/translations/ko/7-bank-project/3-data/README.md
+++ b/translations/ko/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: 완전한 HTML 페이지 반환
     Browser->>User: 새 페이지 표시 (깜박임/새로고침)
 ```
-![다중 페이지 애플리케이션의 업데이트 워크플로우](../../../../translated_images/ko/mpa.7f7375a1a2d4aa77.png)
+![다중 페이지 애플리케이션의 업데이트 워크플로우](../../../../translated_images/ko/mpa.7f7375a1a2d4aa77.webp)
 
 **이 방식이 답답하게 느껴진 이유:**
 - 클릭할 때마다 페이지 전체를 새로 만들어야 했음
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: 특정 페이지 요소 업데이트
     Browser->>User: 업데이트된 내용 표시 (새로고침 없음)
 ```
-![단일 페이지 애플리케이션의 업데이트 워크플로우](../../../../translated_images/ko/spa.268ec73b41f992c2.png)
+![단일 페이지 애플리케이션의 업데이트 워크플로우](../../../../translated_images/ko/spa.268ec73b41f992c2.webp)
 
 **SPA가 훨씬 좋은 이유:**
 - 실제로 변경된 부분만 업데이트 (똑똑하죠?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 이제 잘못된 계정으로 테스트하면 페이지에 도움 되는 오류 메시지가 바로 보일 것입니다!
 
-![로그인 중 표시되는 오류 메시지 스크린샷](../../../../translated_images/ko/login-error.416fe019b36a6327.png)
+![로그인 중 표시되는 오류 메시지 스크린샷](../../../../translated_images/ko/login-error.416fe019b36a6327.webp)
 
 #### 4단계: 접근성 포함하기
 
@@ -950,7 +950,7 @@ timeline
 
 다음은 스타일링 후 다듬어진 대시보드 예시입니다:
 
-![스타일링 후 대시보드 결과 예시 스크린샷](../../../../translated_images/ko/screen2.123c82a831a1d14a.png)
+![스타일링 후 대시보드 결과 예시 스크린샷](../../../../translated_images/ko/screen2.123c82a831a1d14a.webp)
 
 꼭 똑같이 만들 필요는 없습니다 - 영감을 받아 자신만의 스타일로 만드세요!
 
diff --git a/translations/ko/7-bank-project/4-state-management/README.md b/translations/ko/7-bank-project/4-state-management/README.md
index 751c73fbc..a0019c428 100644
--- a/translations/ko/7-bank-project/4-state-management/README.md
+++ b/translations/ko/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 우리가 할 일은 **중앙 집중식 상태 관리** 시스템을 만드는 것입니다. 중요한 모든 것을 단 하나의 매우 조직적인 책임자가 관리한다고 생각하세요:
 
-![HTML, 사용자 동작, 상태 간 데이터 흐름을 보여주는 도식](../../../../translated_images/ko/data-flow.fa2354e0908fecc8.png)
+![HTML, 사용자 동작, 상태 간 데이터 흐름을 보여주는 도식](../../../../translated_images/ko/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -802,7 +802,7 @@ Agent 모드를 사용해 다음 챌린지 수행:
 
 과제 완료 후 예시 결과:
 
-![예시 "거래 추가" 대화상자 스크린샷](../../../../translated_images/ko/dialog.93bba104afeb79f1.png)
+![예시 "거래 추가" 대화상자 스크린샷](../../../../translated_images/ko/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/ko/7-bank-project/4-state-management/assignment.md b/translations/ko/7-bank-project/4-state-management/assignment.md
index a5deca12f..258a01139 100644
--- a/translations/ko/7-bank-project/4-state-management/assignment.md
+++ b/translations/ko/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **예상 결과:**
 과제를 마치면, 당신의 뱅킹 앱은 전문적인 모양과 동작을 갖춘 완전한 "거래 추가" 기능을 갖추게 됩니다:
 
-!["거래 추가" 대화 상자 예시 스크린샷](../../../../translated_images/ko/dialog.93bba104afeb79f1.png)
+!["거래 추가" 대화 상자 예시 스크린샷](../../../../translated_images/ko/dialog.93bba104afeb79f1.webp)
 
 ## 구현 테스트
 
diff --git a/translations/ko/8-code-editor/1-using-a-code-editor/README.md b/translations/ko/8-code-editor/1-using-a-code-editor/README.md
index 383281867..8a095cf5d 100644
--- a/translations/ko/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/ko/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev는 이러한 기능을 브라우저에 가져옵니다:
 
 모든 것이 로드되면, 코드에 집중할 수 있도록 깔끔하게 설계된 작업 공간을 보게 됩니다!
 
-![기본 VSCode.dev 인터페이스](../../../../translated_images/ko/default-vscode-dev.5d06881d65c1b323.png)
+![기본 VSCode.dev 인터페이스](../../../../translated_images/ko/default-vscode-dev.5d06881d65c1b323.webp)
 
 **이곳이 여러분의 동네 안내입니다:**
 - **활동 표시줄** (왼쪽 줄): 탐색기 📁, 검색 🔍, 소스 제어 🌿, 확장 기능 🧩, 설정 ⚙️의 주요 네비게이션
@@ -229,7 +229,7 @@ VSCode.dev를 처음 시작할 때 특정 저장소를 열고자 할 때 완벽
 1. 아직 방문하지 않았다면 [vscode.dev](https://vscode.dev)로 이동
 2. 환영 화면에서 "Open Remote Repository" 버튼 클릭
 
-   ![원격 저장소 열기](../../../../translated_images/ko/open-remote-repository.bd9c2598b8949e7f.png)
+   ![원격 저장소 열기](../../../../translated_images/ko/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. 원하는 GitHub 저장소 URL 붙여넣기 (예: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Enter를 누르고 마법을 지켜보기!
@@ -238,7 +238,7 @@ VSCode.dev를 처음 시작할 때 특정 저장소를 열고자 할 때 완벽
 
 코딩 마법사가 되고 싶나요? 키보드 단축키 Ctrl+Shift+P (Mac은 Cmd+Shift+P)로 명령 팔레트를 열어보세요:
 
-![명령 팔레트](../../../../translated_images/ko/palette-menu.4946174e07f42622.png)
+![명령 팔레트](../../../../translated_images/ko/palette-menu.4946174e07f42622.webp)
 
 **명령 팔레트는 할 수 있는 모든 것의 검색 엔진과 같습니다:**
 - "open remote" 입력하면 원격 저장소 열기 기능 찾기
@@ -300,7 +300,7 @@ HTTP와 HTTPS가 동일 도메인 구조를 유지하며 다른 프로토콜을
 3. 적절한 확장자를 포함한 파일 이름 입력 (`style.css`, `script.js`, `index.html`)
 4. Enter 눌러 파일 생성
 
-![새 파일 만들기](../../../../translated_images/ko/create-new-file.2814e609c2af9aeb.png)
+![새 파일 만들기](../../../../translated_images/ko/create-new-file.2814e609c2af9aeb.webp)
 
 **이름 규칙:**
 - 파일 목적을 알 수 있는 설명적 이름 사용
@@ -318,7 +318,7 @@ HTTP와 HTTPS가 동일 도메인 구조를 유지하며 다른 프로토콜을
 2. 타이핑 시작하면 VSCode.dev가 색, 제안, 오류 감지로 도와줌
 3. Ctrl+S(윈도우/리눅스) 또는 Cmd+S(맥)로 저장 (자동 저장도 됨!)
 
-![VSCode.dev에서 파일 편집하기](../../../../translated_images/ko/edit-a-file.52c0ee665ef19f08.png)
+![VSCode.dev에서 파일 편집하기](../../../../translated_images/ko/edit-a-file.52c0ee665ef19f08.webp)
 
 **코딩하면서 일어나는 멋진 일들:**
 - 코드가 보기 쉽게 아름다운 컬러 코딩
@@ -339,7 +339,7 @@ HTTP와 HTTPS가 동일 도메인 구조를 유지하며 다른 프로토콜을
 2. 수정된 파일이 "변경 사항" 섹션에 표시됨
 3. 색상 코딩으로 변경 유형 표시: 초록색은 추가, 빨간색은 삭제
 
-![소스 제어에서 변경 사항 보기](../../../../translated_images/ko/working-tree.c58eec08e6335c79.png)
+![소스 제어에서 변경 사항 보기](../../../../translated_images/ko/working-tree.c58eec08e6335c79.webp)
 
 **작업 저장 (커밋 워크플로):**
 
@@ -431,7 +431,7 @@ mindmap
 2. 둘러보거나 특정 항목을 검색하세요
 3. 흥미로운 항목을 클릭해 자세히 알아보세요
 
-![Extension marketplace interface](../../../../translated_images/ko/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/ko/extensions.eca0e0c7f59a10b5.webp)
 
 **내부에서 볼 수 있는 것들:**
 
@@ -484,7 +484,7 @@ mindmap
 3. 드롭다운에서 "Extension Settings"를 선택하세요
 4. 원하는 만큼 설정을 변경해 작업 흐름에 맞게 맞추세요
 
-![Customizing extension settings](../../../../translated_images/ko/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/ko/extension-settings.21c752ae4f4cdb78.webp)
 
 **보통 조정하는 항목들:**
 - 코드 포맷팅 방식 (탭 vs 공백, 줄 길이 등)
diff --git a/translations/ko/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ko/8-code-editor/1-using-a-code-editor/assignment.md
index 770fd718e..268ec4da3 100644
--- a/translations/ko/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/ko/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ VSCode.dev는 리포지토리에 최소한 하나의 파일이 있어야 열리
 4. 커밋 메시지로 "Add initial HTML structure"를 작성하세요
 5. "Commit new file" 버튼을 클릭하여 변경 사항을 저장하세요
 
-![GitHub에서 초기 파일 생성](../../../../translated_images/ko/new-file-github.com.c886796d800e8056.png)
+![GitHub에서 초기 파일 생성](../../../../translated_images/ko/new-file-github.com.c886796d800e8056.webp)
 
 **이 초기 설정을 통해 달성되는 것:**
 - 시맨틱 요소를 활용한 올바른 HTML5 문서 구조 수립
@@ -104,7 +104,7 @@ VSCode.dev는 리포지토리에 최소한 하나의 파일이 있어야 열리
 
 ✅ **성공 표시**: 탐색기 사이드바에 프로젝트 파일들이 나타나고, `index.html`을 편집할 수 있는 화면이 보입니다.
 
-![VSCode.dev에서 불러온 프로젝트](../../../../translated_images/ko/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev에서 불러온 프로젝트](../../../../translated_images/ko/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **인터페이스에서 볼 수 있는 것:**
 - **탐색기 사이드바**: 리포지토리 파일과 폴더 구조 표시
@@ -448,7 +448,7 @@ li:before {
 **설치 직후 결과:**
 CodeSwing 설치 후 편집기에 이력서 웹사이트의 라이브 미리보기가 나타납니다. 변경사항을 실시간으로 바로 볼 수 있습니다.
 
-![CodeSwing 확장 기능 라이브 미리보기](../../../../translated_images/ko/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing 확장 기능 라이브 미리보기](../../../../translated_images/ko/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **강화된 인터페이스 이해:**
 - **분할 뷰**: 코드 편집 화면과 라이브 미리보기를 동시에 표시
diff --git a/translations/ko/9-chat-project/README.md b/translations/ko/9-chat-project/README.md
index 24d5261b3..df4dd1ec8 100644
--- a/translations/ko/9-chat-project/README.md
+++ b/translations/ko/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 완성된 프로젝트는 다음과 같은 모습입니다:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/ko/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/ko/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ AI 애플리케이션 개발을 통한 학습 여정
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **핵심 원칙**: AI 애플리케이션 개발은 전통적인 웹 개발 기술과 AI 서비스 통합을 결합해 자연스럽고 반응성 높은 지능형 애플리케이션을 만듭니다.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/ko/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/ko/playground.d2b927122224ff8f.webp)
 
 **플레이그라운드의 유용함 요점:**
 - GPT-4o-mini, Claude 등 무료로 다양한 AI 모델 사용해보기
@@ -199,7 +199,7 @@ mindmap
 
 조금 놀아본 뒤 “Code” 탭을 클릭하고 구현할 프로그래밍 언어를 선택해 필요한 코드를 얻으세요.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/ko/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/ko/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python 백엔드 통합 설정하기
 
@@ -2351,14 +2351,14 @@ mindmap
 - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)로 이동  
 - 우측 상단에서 "Use this template" 클릭 (GitHub 로그인 필요)  
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/ko/template.67ad477109d29a2b.png)  
+![Create from template interface showing the green "Use this template" button](../../../translated_images/ko/template.67ad477109d29a2b.webp)  
 
 **2단계: Codespaces 실행**  
 - 새로 만든 저장소 열기  
 - 초록색 "Code" 버튼 클릭 후 "Codespaces" 선택  
 - "Create codespace on main" 선택하여 개발 환경 시작  
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/ko/codespace.bcecbdf5d2747d3d.png)  
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/ko/codespace.bcecbdf5d2747d3d.webp)  
 
 **3단계: 환경 구성**  
 Codespace가 로드되면 다음을 사용할 수 있습니다:  
diff --git a/translations/ko/README.md b/translations/ko/README.md
index 7d859bb13..0811dc195 100644
--- a/translations/ko/README.md
+++ b/translations/ko/README.md
@@ -72,13 +72,13 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요.
 
 시작하려면 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 방문!
 
-![Background](../../translated_images/ko/background.148a8d43afde5730.png)
+![Background](../../translated_images/ko/background.148a8d43afde5730.webp)
 
 - 기본부터 RAG까지 다루는 강의.
 - GenAI와 동반 앱을 이용해 역사적 인물과 상호작용하기.
 - 재미있고 몰입도 높은 스토리텔링, 시간 여행을 체험하세요!
 
-![character](../../translated_images/ko/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/ko/character.5c0dd8e067ffd693.webp)
 
 각 강의에는 주제 학습을 돕는 과제, 지식 점검, 챌린지가 포함되어 있습니다:
 - 프롬프트 작성 및 프롬프트 엔지니어링
@@ -115,7 +115,7 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요.
 
 생성한 저장소 복사본에서 **Code** 버튼을 클릭한 후 **Open with Codespaces**를 선택하세요. 새로운 Codespace가 생성되어 바로 작업할 수 있습니다.
 
-![Codespace](../../translated_images/ko/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/ko/createcodespace.0238bbf4d7a8d955.webp)
 
 #### 로컬 컴퓨터에서 커리큘럼 실행
 
diff --git a/translations/ko/for-teachers.md b/translations/ko/for-teachers.md
index 65026bd0e..beaa8d809 100644
--- a/translations/ko/for-teachers.md
+++ b/translations/ko/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud는 Common Cartridge 지원이 제한적입니다. 위의 Moodle 파일을 사용하는 것이 좋으며, 이는 Canvas에도 업로드할 수 있습니다.
   - 가져온 후, 모듈, 마감일, 퀴즈 설정을 학기 일정에 맞게 검토하세요.
 
-![Moodle](../../translated_images/ko/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/ko/moodle.94eb93d714a50cb2.webp)
 > Moodle 교실에서의 커리큘럼
 
-![Canvas](../../translated_images/ko/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/ko/canvas.fbd605ff8e5b8aff.webp)
 > Canvas에서의 커리큘럼
 
 ### 저장소를 직접 사용하기 (GitHub Classroom 없이)
diff --git a/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 73da926af..35da06c81 100644
--- a/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Sveikas, būsimasis kūrėjau! 👋 Ar galiu tau pasakyti kažką, kas vis dar k
 
 Šiandien pažvelgsime į neįtikėtinas priemones, kurios daro šiuolaikinį žiniatinklio kūrimą ne tik įmanomu, bet ir labai priklausomybę sukeliančiu užsiėmimu. Kalbu apie tuos pačius redaktorius, naršykles ir darbo eigas, kuriomis kasdien naudojasi kūrėjai Netflix, Spotify bei tavo mėgstamoje nepriklausomoje programėlių studijoje. Ir štai kas privers tave šokti iš džiaugsmo: dauguma šių profesionalių, pramonės standartų įrankių yra visiškai nemokami!
 
-![Intro Programming](../../../../translated_images/lt/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/lt/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/lt/1-getting-started-lessons/2-github-basics/README.md b/translations/lt/1-getting-started-lessons/2-github-basics/README.md
index 6ed8817e7..90d5d8c7f 100644
--- a/translations/lt/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/lt/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Sveikas, būsimasis programuotojau! 👋 Pasiruošęs prisijungti prie milijonų
 
 Mes šią kelionę eisime kartu, žingsnis po žingsnio. Jokio skubėjimo, jokio spaudimo – tik tu, aš ir keli labai šaunūs įrankiai, kurie netrukus taps tavo naujais geriausiais draugais!
 
-![Intro to GitHub](../../../../translated_images/lt/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/lt/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -604,7 +604,7 @@ Pirmiausia raskime GitHub atviro kodo repozitoriją, kuri jus domina ir prie kur
 
 ✅ Geras būdas rasti „pradedantiesiems draugiškus“ repozitorijus yra [paieška pagal žymą 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Kopijuokite repozitoriją vietoje](../../../../translated_images/lt/clone_repo.5085c48d666ead57.png)
+![Kopijuokite repozitoriją vietoje](../../../../translated_images/lt/clone_repo.5085c48d666ead57.webp)
 
 Yra keletas būdų, kaip kopijuoti kodą. Vienas būdų yra „klonuoti“ repozitorijos turinį, naudojant HTTPS, SSH ar GitHub CLI (Komandų eilutės sąsają).
 
diff --git a/translations/lt/1-getting-started-lessons/3-accessibility/README.md b/translations/lt/1-getting-started-lessons/3-accessibility/README.md
index bb1def0bd..7b15f7af6 100644
--- a/translations/lt/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/lt/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Prieinamų svetainių kūrimas
 
-![Viskas apie prieinamumą](../../../../translated_images/lt/webdev101-a11y.8ef3025c858d897a.png)
+![Viskas apie prieinamumą](../../../../translated_images/lt/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/lt/2-js-basics/1-data-types/README.md b/translations/lt/2-js-basics/1-data-types/README.md
index c3c749f9e..c65c044b7 100644
--- a/translations/lt/2-js-basics/1-data-types/README.md
+++ b/translations/lt/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript pagrindai: duomenų tipai
 
-![JavaScript pagrindai - duomenų tipai](../../../../translated_images/lt/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript pagrindai - duomenų tipai](../../../../translated_images/lt/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/lt/2-js-basics/2-functions-methods/README.md b/translations/lt/2-js-basics/2-functions-methods/README.md
index 3c1e5d2d9..74b2c37e0 100644
--- a/translations/lt/2-js-basics/2-functions-methods/README.md
+++ b/translations/lt/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript pagrindai: metodai ir funkcijos
 
-![JavaScript pagrindai – funkcijos](../../../../translated_images/lt/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript pagrindai – funkcijos](../../../../translated_images/lt/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/lt/2-js-basics/3-making-decisions/README.md b/translations/lt/2-js-basics/3-making-decisions/README.md
index c7feb6749..64f1dd6e9 100644
--- a/translations/lt/2-js-basics/3-making-decisions/README.md
+++ b/translations/lt/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript pagrindai: sprendimų priėmimas
 
-![JavaScript pagrindai - sprendimų priėmimas](../../../../translated_images/lt/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript pagrindai - sprendimų priėmimas](../../../../translated_images/lt/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote autoriaus [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/lt/2-js-basics/4-arrays-loops/README.md b/translations/lt/2-js-basics/4-arrays-loops/README.md
index 4d19e64d9..87d506a3b 100644
--- a/translations/lt/2-js-basics/4-arrays-loops/README.md
+++ b/translations/lt/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript pagrindai: masyvai ir ciklai
 
-![JavaScript Basics - Arrays](../../../../translated_images/lt/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/lt/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/lt/3-terrarium/1-intro-to-html/README.md b/translations/lt/3-terrarium/1-intro-to-html/README.md
index ce2212a87..054de58d3 100644
--- a/translations/lt/3-terrarium/1-intro-to-html/README.md
+++ b/translations/lt/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Pagerinti prieinamumą: 5: Studentas
       Sukurti terariumą: 5: Studentas
 ```
-![Įvadas į HTML](../../../../translated_images/lt/webdev101-html.4389c2067af68e98.png)
+![Įvadas į HTML](../../../../translated_images/lt/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML arba HyperText Markup Language yra kiekvieno jūsų lankyto interneto svetainės pagrindas. Galvokite apie HTML kaip apie skeletą, kuris suteikia struktūrą tinklalapiams – jis apibrėžia, kur dedamas turinys, kaip jis organizuotas ir ką kiekvienas elementas reiškia. Nors CSS vėliau „papuoš“ jūsų HTML spalvomis ir išdėstymu, o JavaScript suteiks jam gyvybės su interaktyvumu, HTML suteikia būtiną struktūrą, dėl kurios visa kita tampa įmanoma.
@@ -86,7 +86,7 @@ Sukursite atskirą aplanką savo terariumo projektui ir pridėsite pirmąjį HTM
 4. „Explorer“ lange spauskite „New File“ ikoną  
 5. Pavadinkite savo failą `index.html`
 
-![VS Code Explorer rodo naujo failo kūrimą](../../../../translated_images/lt/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer rodo naujo failo kūrimą](../../../../translated_images/lt/vs-code-index.e2986cf919471eb9.webp)
 
 **Variantas 2: Naudojant terminalo komandas**  
 ```bash
diff --git a/translations/lt/3-terrarium/2-intro-to-css/README.md b/translations/lt/3-terrarium/2-intro-to-css/README.md
index d393e6587..7e81db1f8 100644
--- a/translations/lt/3-terrarium/2-intro-to-css/README.md
+++ b/translations/lt/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       Reaguojantis dizainas: 5: Studentas
       Stiklo atspindžiai: 5: Studentas
 ```
-![Įvadas į CSS](../../../../translated_images/lt/webdev101-css.3f7af5991bf53a20.png)
+![Įvadas į CSS](../../../../translated_images/lt/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Prisimeni, kaip tavo HTML terrariumas atrodė gana paprastai? CSS yra ta vieta, kur mes tą paprastą struktūrą paverčiame vizualiai patrauklia.
@@ -202,7 +202,7 @@ body {
 
 Atidaryk naršyklės kūrėjų įrankius (F12), eik į "Elements" skiltį ir apžiūrėk savo `<h1>` elementą. Pamatysi, kad jis paveldi šrifto šeimą iš body:
 
-![paveldėtas šriftas](../../../../translated_images/lt/1.cc07a5cbe114ad1d.png)
+![paveldėtas šriftas](../../../../translated_images/lt/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Eksperimentas**: Išbandyk nustatyti kitas paveldimas savybes ant `<body>`, kaip `color`, `line-height` arba `text-align`. Kas nutinka tavo antraštei ir kitiems elementams?
 
@@ -594,7 +594,7 @@ Pasiruošę pagerinti savo terrariumą realistiškais stiklo atspindžiais? Ši
 
 Kursite subtilius šviesos žiburius, imituojančius, kaip šviesa atsispindi nuo stiklo paviršių. Šis būdas panašus į tai, kaip Renesanso tapytojai, pvz., Jan van Eyck, naudojo šviesą ir atspindžius, kad nudažytas stiklas atrodytų trimatis. Štai ko siekiate:
 
-![finished terrarium](../../../../translated_images/lt/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/lt/terrarium-final.2f07047ffc597d0a.webp)
 
 **Jūsų iššūkis:**
 - **Sukurkite** subtilias baltas ar šviesias ovalo formos dėmes stiklo atspindžiams
diff --git a/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 844083a5b..68a56db5d 100644
--- a/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Išbandyti funkcionalumą: 5: Studentas
       Užbaigti terariumą: 5: Studentas
 ```
-![DOM ir uždarymas](../../../../translated_images/lt/webdev101-js.10280393044d7eaa.png)
+![DOM ir uždarymas](../../../../translated_images/lt/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Sveiki atvykę į vieną įdomiausių žiniatinklio kūrimo aspektų – padaryti dalykus interaktyviais! Dokumento objektų modelis (DOM) yra tarsi tiltas tarp jūsų HTML ir JavaScript, ir šiandien naudosime jį, kad įkvėptume jūsų terariumą gyvybės. Kai Tim Berners-Lee sukūrė pirmą naršyklę, jis įsivaizdavo internetą, kuriame dokumentai gali būti dinamiški ir interaktyvūs – DOM padaro šią viziją įmanoma.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.png)
+![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ir jį nurodančio HTML žymėjimo atvaizdas. Iš [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **Uždarymų supratimas:** Uždarymai yra svarbi JavaScript tema, ir daugelis programuotojų juos naudoja metų metus, kol pilnai supranta visas teorines puses. Šiandien mes dėmesį skiriame praktiniam pritaikymui – pamatysite, kaip uždarymai natūraliai atsiranda, kai kuriame interaktyvias funkcijas. Supratimas atsiras, kai matysite, kaip jie sprendžia tikras problemas.
 
-![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.png)
+![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ir jį nurodančio HTML žymėjimo atvaizdas. Iš [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -591,7 +591,7 @@ Dabar išbandykite savo interaktyvų terariumą! Atidarykite savo `index.html` n
 - **Kryžminė įranga**: veikia tiek kompiuteriuose, tiek mobiliuosiuose įrenginiuose
 - **Veikimo sąmoningumas**: nėra atminties nutekėjimų ar perteklinių skaičiavimų
 
-![baigtas terariumas](../../../../translated_images/lt/terrarium-final.0920f16e87c13a84.png)
+![baigtas terariumas](../../../../translated_images/lt/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/lt/3-terrarium/solution/README.md b/translations/lt/3-terrarium/solution/README.md
index 17b4f14c2..fc2d8b0fe 100644
--- a/translations/lt/3-terrarium/solution/README.md
+++ b/translations/lt/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Maža vilkimo ir numetimo kodavimo meditacija. Naudodami šiek tiek HTML, JS ir CSS, galite sukurti internetinę sąsają, ją stilizuoti ir pridėti interaktyvumo.
 
-![mano terariumas](../../../../translated_images/lt/screenshot_gray.0c796099a1f9f25e.png)
+![mano terariumas](../../../../translated_images/lt/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Kreditas
 
diff --git a/translations/lt/5-browser-extension/1-about-browsers/README.md b/translations/lt/5-browser-extension/1-about-browsers/README.md
index 60252847a..eac3c5615 100644
--- a/translations/lt/5-browser-extension/1-about-browsers/README.md
+++ b/translations/lt/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       Trigubinti klaidas: 4: Student
       Tobulinti patirtį: 5: Student
 ```
-![Naršyklės sketchnote](../../../../translated_images/lt/browser.60317c9be8b7f84a.jpg)
+![Naršyklės sketchnote](../../../../translated_images/lt/browser.60317c9be8b7f84a.webp)
 > Sketchnote autorius [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Įvadinis testas prieš paskaitą
@@ -77,7 +77,7 @@ Interneto naršyklė iš esmės yra sudėtinga dokumentų interpretuoklė. Kai 
 
 ✅ **Trumpa istorija**: Pirmoji naršyklė buvo pavadinta „WorldWideWeb“ ir ją sukūrė seras Timothy Berners-Lee 1990 metais.
 
-![ankstyvos naršyklės](../../../../translated_images/lt/earlybrowsers.d984b711cdf3a42d.jpg)
+![ankstyvos naršyklės](../../../../translated_images/lt/earlybrowsers.d984b711cdf3a42d.webp)
 > Kai kurios ankstyvos naršyklės, pagal [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Kaip naršyklės apdoroja interneto turinį
@@ -194,7 +194,7 @@ quadrantChart
 
 Supratimas apie plėtinių diegimo procesą padės numatyti naudotojo patirtį, kai žmonės diegia jūsų plėtinį. Diegimo procesas yra standartizuotas šiuolaikinėse naršyklėse, nors vartotojo sąsajoje gali būti nedideli skirtumai.
 
-![aštrumo nuotrauka Edge naršyklės, rodanti atidarytą edge://extensions puslapį ir atidarytą nustatymų meniu](../../../../translated_images/lt/install-on-edge.d68781acaf0b3d3d.png)
+![aštrumo nuotrauka Edge naršyklės, rodanti atidarytą edge://extensions puslapį ir atidarytą nustatymų meniu](../../../../translated_images/lt/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Svarbu**: Įsitikinkite, kad įjungėte kūrėjo režimą ir leidžiate plėtinius iš kitų parduotuvių, kai testuojate savo plėtinius.
 
@@ -308,10 +308,10 @@ Tai atitinka progresyvios informacijos teikimo principą, naudojamą sąsajų di
 ### Plėtinio vaizdų apžvalga
 
 **Nustatymų vaizdas** – pirmą kartą naudojančio nustatymai:
-![baigto plėtinio ekrano nuotrauka, atidarytas naršyklėje, rodanti formą su įvestimis regiono pavadinimui ir API raktui.](../../../../translated_images/lt/1.b6da8c1394b07491.png)
+![baigto plėtinio ekrano nuotrauka, atidarytas naršyklėje, rodanti formą su įvestimis regiono pavadinimui ir API raktui.](../../../../translated_images/lt/1.b6da8c1394b07491.webp)
 
 **Rezultatų vaizdas** – anglies pėdsako duomenų rodymas:
-![baigto plėtinio ekrano nuotrauka, rodanti anglies naudojimo ir iškastinio kuro procentą US-NEISO regione.](../../../../translated_images/lt/2.1dae52ff08042246.png)
+![baigto plėtinio ekrano nuotrauka, rodanti anglies naudojimo ir iškastinio kuro procentą US-NEISO regione.](../../../../translated_images/lt/2.1dae52ff08042246.webp)
 
 ### Kuriame konfigūracijos formą
 
diff --git a/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md
index eedf23a28..ecde07d0b 100644
--- a/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: Pašalinti išsaugotus duomenis
     ClearStorage --> FirstTime: Grįžti prie nustatymo
 ```
-![Local storage pane](../../../../translated_images/lt/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/lt/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Saugumo perspėjimas**: komerciniuose sprendimuose API raktų saugojimas LocalStorage kelia saugumo riziką, nes JavaScript gali prieiti prie šių duomenų. Mokymosi tikslais šis būdas tinka, tačiau tikrose programose jautrių kredencialų saugojimui reikia naudoti saugų serverio pusės saugojimą.
 
diff --git a/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md
index 1a931f1e2..3c168d374 100644
--- a/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ Norėdami atidaryti Kūrėjo įrankius Edge naršyklėje, spustelėkite tris ta
 
 Pabandykime. Atidarykite svetainę (Microsoft.com tinka gerai) ir spustelėkite mygtuką „Įrašyti“. Dabar atnaujinkite puslapį ir stebėkite, kaip profiliuotojas užfiksuoja viską, kas vyksta. Kai sustabdysite įrašymą, pamatysite išsamią naršyklės veiklos, „scripts“, „renders“ ir „paints“, analizę. Tai primena misijų valdymo centrą, kuris seka kiekvieną sistemą raketos paleidimo metu – gaunate realaus laiko duomenis, kas vyksta ir kada.
 
-![Edge profiler](../../../../translated_images/lt/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/lt/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft dokumentacija](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) turi daug daugiau detalių, jei norite gilintis
 
@@ -133,11 +133,11 @@ Pasirinkite profilio laiko linijos dalis, kad priartintumėte įvykius, vykstan
 
 Gaukite puslapio našumo momentinę nuotrauką pasirinkdami profilio laiko linijos dalį ir pažvelgdami į santraukos langą:
 
-![Edge profiler snapshot](../../../../translated_images/lt/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/lt/snapshot.97750180ebcad737.webp)
 
 Peržiūrėkite Įvykių žurnalo langą, ar kuris nors įvykis užtruko ilgiau nei 15 ms:
 
-![Edge event log](../../../../translated_images/lt/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/lt/log.804026979f3707e0.webp)
 
 ✅ Susipažinkite su savo profiliuotoju! Atidarykite kūrėjo įrankius šioje svetainėje ir pažiūrėkite, ar yra kokių nors kliūčių. Koks greičiausiai užsikrauna turtas? O lėčiausias?
 
diff --git a/translations/lt/5-browser-extension/README.md b/translations/lt/5-browser-extension/README.md
index e3bb0a18e..8a2fcea4d 100644
--- a/translations/lt/5-browser-extension/README.md
+++ b/translations/lt/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Jūs sukursite naršyklės plėtinį, kuris veikia Edge, Chrome ir Firefox narš
 
 ### Kreditas
 
-![žalias naršyklės plėtinys](../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![žalias naršyklės plėtinys](../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kreditas
 
diff --git a/translations/lt/5-browser-extension/solution/README.md b/translations/lt/5-browser-extension/solution/README.md
index 867b619d8..5e44a7a8e 100644
--- a/translations/lt/5-browser-extension/solution/README.md
+++ b/translations/lt/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudojant tmrow C02 Signal API, skirtą stebėti elektros energijos suvartojimą, sukurkite naršyklės plėtinį, kad galėtumėte gauti priminimą tiesiai savo naršyklėje apie tai, kokia intensyvi yra jūsų regiono elektros energijos apkrova. Naudodami šį plėtinį ad hoc būdu, galėsite priimti sprendimus dėl savo veiklos, remdamiesi šia informacija.
 
-![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti „Edge“ naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Iš ten pasirinkite „Įkelti neišpakuotą“ („Load Unpacked“), kad įkeltumėte naują plėtinį. Atsidariusiame lange pasirinkite „dist“ aplanką, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį el. paštu čia](https://www.co2signal.com/) – įveskite savo el. pašto adresą šiame puslapyje) ir [jūsų regiono kodo](http://api.electricitymap.org/v3/zones), atitinkančio [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“).
 
-![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos suvartojimą, ir pateikti jums užuominą, kokia energiją naudojanti veikla būtų tinkama. Šios „taško“ sistemos idėją man pasiūlė [Energy Lollipop plėtinys](https://energylollipop.com/) Kalifornijos emisijoms.
 
diff --git a/translations/lt/5-browser-extension/solution/translation/README.fr.md b/translations/lt/5-browser-extension/solution/translation/README.fr.md
index 1a140bf7a..802eac485 100644
--- a/translations/lt/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/lt/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudodami tmrow API C02 Signal, skirtą stebėti elektros energijos suvartojimą, sukurkite naršyklės plėtinį, kuris tiesiogiai jūsų naršyklėje primintų apie jūsų regiono elektros energijos suvartojimą. Šis plėtinys padės jums priimti sprendimus dėl savo veiklos, remiantis šia informacija.
 
-![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Iš ten pasirinkite „Įkelti neišpakuotą plėtinį“, kad įkeltumėte naują plėtinį. Atidarykite aplanką „dist“ pagal nurodymus, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį el. paštu čia](https://www.co2signal.com/) - įveskite savo el. paštą laukelyje šioje svetainėje) ir [kodo savo regionui](http://api.electricitymap.org/v3/zones), atitinkančio [Elektros žemėlapį](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“).
 
-![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinių juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos suvartojimą ir suteikdamas jums indikatorių apie energiją naudojančias veiklas, kurias būtų tinkama atlikti. Šios „taškų“ sistemos koncepciją man pasiūlė [plėtinys Energy Lollipop](https://energylollipop.com/) Kalifornijos emisijoms.
 
diff --git a/translations/lt/5-browser-extension/solution/translation/README.hi.md b/translations/lt/5-browser-extension/solution/translation/README.hi.md
index 43e5b5529..61223db69 100644
--- a/translations/lt/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/lt/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudojant tmrow CO2 Signal API elektros energijos naudojimui stebėti, sukurtas naršyklės plėtinys, kuris primena, kiek intensyviai jūsų regione naudojama elektros energija. Naudodami šį plėtinį, galėsite priimti sprendimus dėl savo veiklos, remdamiesi šia informacija.
 
-![Plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![Plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti „Edge“ naršyklėje, naudokite naršyklės viršutiniame dešiniajame kampe esančiame meniu „trys taškai“, kad rastumėte plėtinių skydelį. Ten pasirinkite „Įkelti neišpakuotą“ ir atidarykite „dist“ aplanką, kai būsite paraginti. Plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės CO2 Signal API rakto ([gaukite čia el. paštu](https://www.co2snal.com/) – įveskite savo el. paštą laukelyje šiame puslapyje) ir [savo regiono kodo](http://api.electricitymap.org/v3/zones) iš [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“).
 
-![Įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![Įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinių juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos naudojimą, ir suteikti jums indikatorių, kokia energijai imli veikla būtų tinkama atlikti. Šios „taško“ sistemos idėją pasiskolinau iš Kalifornijos emisijų [Energy Lollipop plėtinio](https://energylollipop.com/).
 
diff --git a/translations/lt/5-browser-extension/solution/translation/README.it.md b/translations/lt/5-browser-extension/solution/translation/README.it.md
index b248a1180..e8ebe41ff 100644
--- a/translations/lt/5-browser-extension/solution/translation/README.it.md
+++ b/translations/lt/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudosime tmrow Signal C02 API, kad stebėtume elektros energijos naudojimą ir sukurtume naršyklės plėtinį, kuris tiesiogiai naršyklėje primintų, kiek energijos naudojimas jūsų regione yra intensyvus. Šis specialiai sukurtas plėtinys padės įvertinti savo veiklą remiantis šiomis informacija.
 
-![plėtinio ekrano vaizdas](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![plėtinio ekrano vaizdas](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Jei dar neaktyvuota, įjunkite Kūrėjo režimą (apačioje kairėje). Pasirinkite „Įkelti neišpakuotą“, kad įkeltumėte naują plėtinį. Atidarykite „dist“ aplanką, kai būsite paraginti, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API (galite [gauti jį el. paštu čia](https://www.co2signal.com/) - įveskite savo el. pašto adresą laukelyje šioje puslapyje) ir [savo regiono kodą](http://api.electricitymap.org/v3/zones), atitinkantį [elektros žemėlapį](https://www.electricitymap.org/map) (pavyzdžiui, Bostone - „US-NEISO“).
 
-![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti plėtinio sąsajoje, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas regiono energijos naudojimą ir pateikdamas užuominą, kokia veikla, reikalaujanti daug energijos, būtų tinkama vykdyti. Šios „taškų“ sistemos koncepcija buvo pasiskolinta iš [Energy Lollipop plėtinio](https://energylollipop.com/) Kalifornijos emisijoms.
 
diff --git a/translations/lt/5-browser-extension/solution/translation/README.ja.md b/translations/lt/5-browser-extension/solution/translation/README.ja.md
index 8ddf4ccb5..876875670 100644
--- a/translations/lt/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/lt/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudodami tmrow CO2 Signal API, sukursime naršyklės plėtinį, kuris primins, kiek energijos sunaudojama jūsų regione. Šis plėtinys leis stebėti elektros energijos suvartojimą ir priimti sprendimus, pagrįstus šia informacija.
 
-![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti plėtinį Edge naršyklėje, eikite į naršyklės viršutiniame dešiniajame kampe esantį „trijų taškų“ meniu ir suraskite „Plėtiniai“ skydelį. Pasirinkite „Įkelti neišpakuotą“ ir nurodykite „dist“ aplanką. Plėtinys bus įkeltas. Norėdami naudoti plėtinį, jums reikės CO2 Signal API rakto ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į šios svetainės laukelį) ir [Electricity Map](https://www.electricitymap.org/map) atitinkančio [kodo jūsų regionui](http://api.electricitymap.org/v3/zones) (pavyzdžiui, Bostone naudojamas 'US-NEISO').
 
-![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Įvedę API raktą ir regiono kodą į plėtinio sąsają, naršyklės plėtinių juostoje matysite spalvotą tašką, kuris atspindės jūsų regiono energijos suvartojimą. Tai padės nuspręsti, kokią veiklą atlikti, atsižvelgiant į energijos poreikius. Šios „taško“ sistemos idėją įkvėpė Kalifornijos emisijų stebėjimui skirtas [Energy Lollipop plėtinys](https://energylollipop.com/).
 
diff --git a/translations/lt/5-browser-extension/solution/translation/README.ms.md b/translations/lt/5-browser-extension/solution/translation/README.ms.md
index f4ec368fc..486699be8 100644
--- a/translations/lt/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/lt/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudojant tmrow CO2 Signal API, galima stebėti elektros energijos suvartojimą ir sukurti naršyklės plėtinį, kuris įspės jus apie jūsų regiono elektros energijos naudojimo intensyvumą. Šis plėtinys padės priimti sprendimus dėl jūsų veiklos, remiantis šia informacija.
 
-![naršyklės plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![naršyklės plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradėkite čia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad surastumėte plėtinių skydelį. Ten pasirinkite „Load Unpacked“, kad įkeltumėte naują plėtinį. Atidarykite aplanką „dist“ pagal užklausą, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į laukelį šioje svetainėje) ir [kodo savo regionui](http://api.electricitymap.org/v3/zones), kuris atitinka [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“).
 
-![parsisiuntimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![parsisiuntimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje pasikeis, atspindėdamas jūsų regiono energijos suvartojimą, ir pateiks jums rekomendacijas dėl veiklos, kurią galite atlikti. Šios „taškų“ sistemos idėją pasiskolinau iš [naršyklės plėtinio Energy Lollipop](https://energylollipop.com/) skirtam Kalifornijos emisijoms.
 
diff --git a/translations/lt/5-browser-extension/start/README.md b/translations/lt/5-browser-extension/start/README.md
index 4523fcc7b..cd875c727 100644
--- a/translations/lt/5-browser-extension/start/README.md
+++ b/translations/lt/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Naudojant „tmrow“ C02 Signal API stebėti elektros energijos naudojimą, sukurkite naršyklės plėtinį, kad galėtumėte gauti priminimą tiesiai savo naršyklėje apie tai, kaip intensyviai jūsų regione naudojama elektra. Naudojant šį plėtinį ad hoc būdu, galėsite priimti sprendimus dėl savo veiklos remdamiesi šia informacija.
 
-![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png)
+![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pradžia
 
@@ -31,7 +31,7 @@ npm run build
 
 Norėdami įdiegti „Edge“ naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Ten pasirinkite „Įkelti neišpakuotą“, kad įkeltumėte naują plėtinį. Atsidarius raginimui, pasirinkite „dist“ aplanką, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į laukelį šiame puslapyje) ir [savo regiono kodą](http://api.electricitymap.org/v3/zones), atitinkantį [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“).
 
-![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.png)
+![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.webp)
 
 Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos naudojimą ir pateikdamas jums rekomendacijas, kokią energiją reikalaujančią veiklą būtų tinkama atlikti. Šio „taško“ sistemos koncepcija buvo pasiūlyta [Energy Lollipop plėtinio](https://energylollipop.com/) skirtam Kalifornijos emisijoms.
 
diff --git a/translations/lt/6-space-game/2-drawing-to-canvas/README.md b/translations/lt/6-space-game/2-drawing-to-canvas/README.md
index 7676b1fde..4b86fe3b9 100644
--- a/translations/lt/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/lt/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![drobės tinklelis](../../../../translated_images/lt/canvas_grid.5f209da785ded492.png)
+![drobės tinklelis](../../../../translated_images/lt/canvas_grid.5f209da785ded492.webp)
 > Nuotrauka iš [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Norint piešti ant drobės elemento, laikysitės to paties trijų žingsnių proceso, kuris sudaro visos drobės grafikos pagrindą. Kai tai padarysite kelis kartus, tai taps labiau įgūdžiu nei mokymusi:
@@ -323,11 +323,11 @@ Sukursite tinklalapį su drobės elementu. Jame bus nupieštas juodas ekranas `1
 
 - Herojaus laivas
 
-   ![Herojaus laivas](../../../../translated_images/lt/player.dd24c1afa8c71e9b.png)
+   ![Herojaus laivas](../../../../translated_images/lt/player.dd24c1afa8c71e9b.webp)
 
 - 5x5 monstrų grupė
 
-   ![Monstro laivas](../../../../translated_images/lt/enemyShip.5df2a822c16650c2.png)
+   ![Monstro laivas](../../../../translated_images/lt/enemyShip.5df2a822c16650c2.webp)
 
 ### Rekomenduojami žingsniai pradėti kūrimą
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Galutinis rezultatas turėtų atrodyti taip:
 
-![Juodas ekranas su herojumi ir 5*5 monstrais](../../../../translated_images/lt/partI-solution.36c53b48c9ffae2a.png)
+![Juodas ekranas su herojumi ir 5*5 monstrais](../../../../translated_images/lt/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Sprendimas
 
diff --git a/translations/lt/6-space-game/5-keeping-score/README.md b/translations/lt/6-space-game/5-keeping-score/README.md
index b05060183..6987bf4a9 100644
--- a/translations/lt/6-space-game/5-keeping-score/README.md
+++ b/translations/lt/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **Taškų sistema**: Kiekvienas sunaikintas priešo laivas suteikia 100 taškų (apvalūs skaičiai žaidėjams lengvesni protui). Rezultatas rodomas apatiniame kairiajame kampe.
-- **Gyvybių skaitiklis**: Jūsų herojus pradeda turėdamas tris gyvybes – standartą, nustatytą ankstyvuose arkadiniuose žaidimuose, siekiant suderinti iššūkį su žaidžiamumu. Kiekvienas susidūrimas su priešu kainuoja vieną gyvybę. Likusios gyvybės rodomos apatiniame dešiniajame kampe, naudojant laivo ikonas ![life image](../../../../translated_images/lt/life.6fb9f50d53ee0413.png).
+- **Gyvybių skaitiklis**: Jūsų herojus pradeda turėdamas tris gyvybes – standartą, nustatytą ankstyvuose arkadiniuose žaidimuose, siekiant suderinti iššūkį su žaidžiamumu. Kiekvienas susidūrimas su priešu kainuoja vieną gyvybę. Likusios gyvybės rodomos apatiniame dešiniajame kampe, naudojant laivo ikonas ![life image](../../../../translated_images/lt/life.6fb9f50d53ee0413.webp).
 
 ## Pradėkime kurti!
 
diff --git a/translations/lt/7-bank-project/1-template-route/README.md b/translations/lt/7-bank-project/1-template-route/README.md
index da920c8d8..c32e1a186 100644
--- a/translations/lt/7-bank-project/1-template-route/README.md
+++ b/translations/lt/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
 
 Naudojant `history.pushState`, sukuriami nauji įrašai naršyklės navigacijos istorijoje. Galite patikrinti tai paspausdami ir palaikydami naršyklės *atgal* mygtuką, jis turėtų parodyti kažką panašaus:
 
-![Screenshot of navigation history](../../../../translated_images/lt/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/lt/history.7fdabbafa521e064.webp)
 
 Jei kelis kartus spustelėsite atgal mygtuką, pamatysite, kad esamas URL keičiasi ir istorija atnaujinama, tačiau tas pats šablonas vis dar rodomas.
 
diff --git a/translations/lt/7-bank-project/2-forms/README.md b/translations/lt/7-bank-project/2-forms/README.md
index 8e92813ff..e66db07d8 100644
--- a/translations/lt/7-bank-project/2-forms/README.md
+++ b/translations/lt/7-bank-project/2-forms/README.md
@@ -292,7 +292,7 @@ Pirmiausia pažiūrėkime, kas vyksta su paprastu formos siuntimu:
 2. Stebėkite pakeitimus naršyklės adreso juostoje
 3. Atkreipkite dėmesį, kaip puslapis persikrauna ir duomenys atsiranda URL
 
-![Naršyklės adreso juostos pakeitimo ekrano nuotrauka paspaudus Registruotis mygtuką](../../../../translated_images/lt/click-register.e89a30bf0d4bc9ca.png)
+![Naršyklės adreso juostos pakeitimo ekrano nuotrauka paspaudus Registruotis mygtuką](../../../../translated_images/lt/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP metodų palyginimas
 
@@ -346,7 +346,7 @@ Konfigūruokime registracijos formą taip, kad ji tinkamai bendrautų su užpaka
 2. **Spustelėkite** "Sukurti paskyrą" mygtuką
 3. **Stebėkite** serverio atsaką naršyklėje
 
-![Naršyklės langas adresu localhost:5000/api/accounts, rodantis JSON eilutę su vartotojo duomenimis](../../../../translated_images/lt/form-post.61de4ca1b964d91a.png)
+![Naršyklės langas adresu localhost:5000/api/accounts, rodantis JSON eilutę su vartotojo duomenimis](../../../../translated_images/lt/form-post.61de4ca1b964d91a.webp)
 
 **Ką turėtumėte pamatyti:**
 - **Naršyklė nukreipia** į API galinį tašką URL
@@ -609,7 +609,7 @@ async function register() {
 3. **Paspauskite** „Create Account“
 4. **Stebėkite** konsolės žinutes ir vartotojo atsiliepimą
 
-![Ekrano kopija, rodanti konsolės pranešimą naršyklėje](../../../../translated_images/lt/browser-console.efaf0b51aaaf6778.png)
+![Ekrano kopija, rodanti konsolės pranešimą naršyklėje](../../../../translated_images/lt/browser-console.efaf0b51aaaf6778.webp)
 
 **Ką turėtumėte pamatyti:**
 - **Įkėlimo būsena** matoma ant pateikimo mygtuko
@@ -783,7 +783,7 @@ Patobulinkime jūsų registracijos formą su stipriu tikrinimu, kuris užtikrina
 3. **Pabandykite** specialius simbolius slapyvardžio lauke
 4. **Įveskite** neigiamą balanso reikšmę
 
-![Ekrano kopija rodanti tikrinimo klaidą kuriant formą](../../../../translated_images/lt/validation-error.8bd23e98d416c22f.png)
+![Ekrano kopija rodanti tikrinimo klaidą kuriant formą](../../../../translated_images/lt/validation-error.8bd23e98d416c22f.webp)
 
 **Ką pastebėsite:**
 - **Naršyklė rodo** vietinius tikrinimo pranešimus
@@ -943,7 +943,7 @@ HTML faile parodykite klaidos žinutę, jei vartotojas jau egzistuoja.
 
 Štai pavyzdys, kaip gali atrodyti galutinis prisijungimo puslapis po šiek tiek stiliaus taikymo:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/lt/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/lt/result.96ef01f607bf856a.webp)
 
 ## Po paskaitos quizas
 
diff --git a/translations/lt/7-bank-project/3-data/README.md b/translations/lt/7-bank-project/3-data/README.md
index d51b6706a..12b770a04 100644
--- a/translations/lt/7-bank-project/3-data/README.md
+++ b/translations/lt/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: Grąžina pilną HTML puslapį
     Browser->>User: Rodo naują puslapį (mirksėjimas/perkrovimas)
 ```
-![Atnaujinimo eiga daugiasvetyje programėlėje](../../../../translated_images/lt/mpa.7f7375a1a2d4aa77.png)
+![Atnaujinimo eiga daugiasvetyje programėlėje](../../../../translated_images/lt/mpa.7f7375a1a2d4aa77.webp)
 
 **Kodėl toks metodas atrodė nepatogus:**
 - Kiekvienas paspaudimas reiškė viso puslapio perkūrimą nuo nulio
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: Atnaujina konkrečius puslapio elementus
     Browser->>User: Rodo atnaujintą turinį (nereikia perkrovimo)
 ```
-![Atnaujinimo eiga vieno puslapio programėlėje](../../../../translated_images/lt/spa.268ec73b41f992c2.png)
+![Atnaujinimo eiga vieno puslapio programėlėje](../../../../translated_images/lt/spa.268ec73b41f992c2.webp)
 
 **Kodėl SPA atrodo daug geriau:**
 - Atnaujinamos tik iš tikrųjų pasikeitusios dalys (protinga, tiesa?)
@@ -516,7 +516,7 @@ if (data.error) {
 
 Dabar, kai testuosite neteisingu paskyros duomenimis, matysite naudingą klaidos pranešimą tiesiog puslapyje!
 
-![Prisijungimo klaidos pranešimo vaizdas](../../../../translated_images/lt/login-error.416fe019b36a6327.png)
+![Prisijungimo klaidos pranešimo vaizdas](../../../../translated_images/lt/login-error.416fe019b36a6327.webp)
 
 #### 4 žingsnis: įtraukiantis prieinamumas
 
@@ -950,7 +950,7 @@ Pasiruošę pakelti savo bankinę programėlę į kitą lygmenį? Padarykime ją
 
 Štai kaip galėtų atrodyti išbaigta suvestinė:
 
-![Dashboard pavyzdžio ekrano kopija po stiliaus pritaikymo](../../../../translated_images/lt/screen2.123c82a831a1d14a.png)
+![Dashboard pavyzdžio ekrano kopija po stiliaus pritaikymo](../../../../translated_images/lt/screen2.123c82a831a1d14a.webp)
 
 Nereikia tiksliai kopijuoti – naudokite tai kaip įkvėpimą ir pritaikykite sau!
 
diff --git a/translations/lt/7-bank-project/4-state-management/README.md b/translations/lt/7-bank-project/4-state-management/README.md
index 89a752a2e..00ea7d6f9 100644
--- a/translations/lt/7-bank-project/4-state-management/README.md
+++ b/translations/lt/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ Kaip Titaniko skirsniai atrodė labai tvirti, kol keli skyriai nebuvo užpildyti
 
 Vietoje to, kad vaikytumėmės savo uodegos, kursime **centralizuotą būsenos valdymo** sistemą. Įsivaizduokite, kad turite vieną labai organizuotą asmenį, kuris tvarko viską svarbų:
 
-![Schema, rodanti duomenų srautus tarp HTML, vartotojo veiksmų ir būsenos](../../../../translated_images/lt/data-flow.fa2354e0908fecc8.png)
+![Schema, rodanti duomenų srautus tarp HTML, vartotojo veiksmų ir būsenos](../../../../translated_images/lt/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -798,7 +798,7 @@ Kaip šachmatų meistrai, kurie atskiria svarbias figūras nuo menkaverčių pė
 
 Čia pateikiamas pavyzdinis rezultatas po namų darbo atlikimo:
 
-![Ekrano nuotrauka su pavyzdiniu "Pridėti transakciją" dialogu](../../../../translated_images/lt/dialog.93bba104afeb79f1.png)
+![Ekrano nuotrauka su pavyzdiniu "Pridėti transakciją" dialogu](../../../../translated_images/lt/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/lt/7-bank-project/4-state-management/assignment.md b/translations/lt/7-bank-project/4-state-management/assignment.md
index 7a0081c2b..785fb3d06 100644
--- a/translations/lt/7-bank-project/4-state-management/assignment.md
+++ b/translations/lt/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Pasižiūrėkite į [serverio API dokumentaciją](../api/README.md), kur rasite:
 **Laukiamas rezultatas:**
 Baigus šią užduotį, jūsų banko programa turės visiškai veikiantį „Pridėti sandorį“ funkcionalumą, kuris atrodo ir veikia profesionaliai:
 
-![Ekrano nuotrauka, rodanti pavyzdinį „Pridėti sandorį“ dialogą](../../../../translated_images/lt/dialog.93bba104afeb79f1.png)
+![Ekrano nuotrauka, rodanti pavyzdinį „Pridėti sandorį“ dialogą](../../../../translated_images/lt/dialog.93bba104afeb79f1.webp)
 
 ## Testavimas
 
diff --git a/translations/lt/7-bank-project/README.md b/translations/lt/7-bank-project/README.md
index ae0ca1ad4..6d0dc2d68 100644
--- a/translations/lt/7-bank-project/README.md
+++ b/translations/lt/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Šiame projekte išmoksite, kaip sukurti fiktyvų banką. Šios pamokos apima instrukcijas, kaip sukurti internetinės programos išdėstymą ir maršrutus, kurti formas, valdyti būseną ir gauti duomenis iš API, iš kurios galėsite gauti banko duomenis.
 
-| ![Screen1](../../../translated_images/lt/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/lt/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/lt/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/lt/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Pamokos
diff --git a/translations/lt/8-code-editor/1-using-a-code-editor/README.md b/translations/lt/8-code-editor/1-using-a-code-editor/README.md
index 9f337476b..e0799712f 100644
--- a/translations/lt/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/lt/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ Kaip Aleksandras Grahamas Bellas telefono dėka jungė atstumais esančias vieta
 
 Kai viskas užsikraus, pamatysite švariai išdėstytą darbo vietą, kuri sukurta taip, kad būtumėte susikoncentravę į svarbiausia – kodą!
 
-![Numatytasis VSCode.dev sąsajos vaizdas](../../../../translated_images/lt/default-vscode-dev.5d06881d65c1b323.png)
+![Numatytasis VSCode.dev sąsajos vaizdas](../../../../translated_images/lt/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Apžvalga jūsų rajono:**
 - **Veiklos juosta** (kairėje esanti juosta): pagrindinė jūsų navigacija su Naršyklė 📁, Paieška 🔍, Versijų valdymas 🌿, Plėtiniai 🧩 ir Nustatymai ⚙️
@@ -229,7 +229,7 @@ Tai puikus būdas pradėti darbą VSCode.dev ir atidaryti konkretų saugyklą. P
 1. Eikite į [vscode.dev](https://vscode.dev), jei dar ten nesate
 2. Paspauskite mygtuką "Open Remote Repository" pasveikinimo ekrane
 
-   ![Atidaryti nuotolinę saugyklą](../../../../translated_images/lt/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Atidaryti nuotolinę saugyklą](../../../../translated_images/lt/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Įklijuokite bet kokį GitHub saugyklos URL (išbandykite šį: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Paspauskite Enter ir stebėkite magiją!
@@ -238,7 +238,7 @@ Tai puikus būdas pradėti darbą VSCode.dev ir atidaryti konkretų saugyklą. P
 
 Norite jaustis tarsi programavimo žinovas? Išbandykite šį klaviatūros spartųjį klavišą: Ctrl+Shift+P (ar Cmd+Shift+P Mac) atidaryti Komandų paletę:
 
-![Komandų paletė](../../../../translated_images/lt/palette-menu.4946174e07f42622.png)
+![Komandų paletė](../../../../translated_images/lt/palette-menu.4946174e07f42622.webp)
 
 **Komandų paletė yra tarsi paieškos variklis viskam, ką galite daryti:**
 - Įveskite "open remote" ir ji suras, kaip atidaryti saugyklą
@@ -300,7 +300,7 @@ Kaip architekto biure tvarkomi brėžiniai, taip pat ir VSCode.dev failų kūrim
 3. Įrašykite failo pavadinimą su tinkamu plėtiniu (`style.css`, `script.js`, `index.html`)
 4. Paspauskite Enter, kad sukurtumėte failą
 
-![Naujo failo kūrimas](../../../../translated_images/lt/create-new-file.2814e609c2af9aeb.png)
+![Naujo failo kūrimas](../../../../translated_images/lt/create-new-file.2814e609c2af9aeb.webp)
 
 **Vardų taisyklės:**
 - Naudokite aprašomuosius pavadinimus, nurodančius failo paskirtį
@@ -318,7 +318,7 @@ Kaip architekto biure tvarkomi brėžiniai, taip pat ir VSCode.dev failų kūrim
 2. Pradėkite rašyti ir stebėkite, kaip VSCode.dev padeda spalvomis, pasiūlymais ir klaidų aptikimu
 3. Išsaugokite darbą su Ctrl+S (Windows/Linux) arba Cmd+S (Mac) – nors automatinis įrašymas yra taip pat!
 
-![Failų redagavimas VSCode.dev](../../../../translated_images/lt/edit-a-file.52c0ee665ef19f08.png)
+![Failų redagavimas VSCode.dev](../../../../translated_images/lt/edit-a-file.52c0ee665ef19f08.webp)
 
 **Įdomybės programuojant:**
 - Jūsų kodas gražiai spalvinamas, kad būtų lengviau skaityti
@@ -339,7 +339,7 @@ Kaip archeologai detaliai fiksuoja kasinėjimų sluoksnius, taip Git seka jūsų
 2. Modifikuoti failai rodomi „Changes“ skiltyje
 3. Spalvų žymėjimas nurodo pakeitimų tipus: žalia priedams, raudona ištrynimams
 
-![Pakeitimų peržiūra Versijų valdyme](../../../../translated_images/lt/working-tree.c58eec08e6335c79.png)
+![Pakeitimų peržiūra Versijų valdyme](../../../../translated_images/lt/working-tree.c58eec08e6335c79.webp)
 
 **Kaip įrašyti pakeitimus (įsipareigojimo eiga):**
 
@@ -431,7 +431,7 @@ Papildinių rinka yra labai gerai organizuota, tad nesuklysite ieškodami reikal
 2. Naršykite arba ieškokite konkretaus dalyko
 3. Spauskite ant įdomių elementų, kad sužinotumėte daugiau
 
-![Papildinių rinkos sąsaja](../../../../translated_images/lt/extensions.eca0e0c7f59a10b5.png)
+![Papildinių rinkos sąsaja](../../../../translated_images/lt/extensions.eca0e0c7f59a10b5.webp)
 
 **Ką ten rasite:**
 
@@ -484,7 +484,7 @@ Dauguma plėtinių turi nustatymus, kuriuos galite keisti, kad jie veiktų tiksl
 3. Pasirinkite „Extension Settings“ iš išskleidžiamojo meniu
 4. Koreguokite nustatymus tol, kol darbo eiga atitiks jūsų poreikius
 
-![Kuriant plėtinių nustatymus](../../../../translated_images/lt/extension-settings.21c752ae4f4cdb78.png)
+![Kuriant plėtinių nustatymus](../../../../translated_images/lt/extension-settings.21c752ae4f4cdb78.webp)
 
 **Dažniausiai norimos keisti dalykai:**
 - Kaip formatuojamas kodas (tarpai ar tabuliacijos, eilučių ilgis ir pan.)
diff --git a/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md b/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md
index ce0f8b1fe..93e75ed8d 100644
--- a/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Kadangi VSCode.dev reikalauja bent vieno failo, kad būtų galima atidaryti saug
 4. Parašykite įsipareigojimo žinutę: „Pridėti pradinę HTML struktūrą“
 5. **Paspauskite** „Commit new file“, kad išsaugotumėte pakeitimus
 
-![Naujo failo kūrimas GitHub](../../../../translated_images/lt/new-file-github.com.c886796d800e8056.png)
+![Naujo failo kūrimas GitHub](../../../../translated_images/lt/new-file-github.com.c886796d800e8056.webp)
 
 **Šis pradinis nustatymas įgyvendina:**
 - **Sukuria** tinkamą HTML5 dokumento struktūrą su semantiniais elementais
@@ -104,7 +104,7 @@ Dabar, kai jūsų saugyklos pagrindas yra parengtas, pereikime prie VSCode.dev p
 
 ✅ **Sėkmės indikatorius**: Jūs matysite savo projekto failus „Explorer“ šoninėje juostoje, o `index.html` bus atidarytas redagavimui pagrindinėje redaktoriaus srityje.
 
-![Projektas užkrautas VSCode.dev](../../../../translated_images/lt/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projektas užkrautas VSCode.dev](../../../../translated_images/lt/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Sąsajoje matysite:**
 - **Explorer šoninę juostą**: rodo jūsų saugyklos failus ir aplankų struktūrą
@@ -449,7 +449,7 @@ Plėtiniai pagerina jūsų kūrimo patirtį suteikdami gyvos peržiūros galimyb
 **Tiesioginiai rezultatai po įdiegimo:**
 Įdiegus CodeSwing, redaktoriuje pasirodys gyvos peržiūros langas su jūsų gyvenimo aprašymo svetaine. Galėsite matyti, kaip atrodo svetainė redaguojant turinį.
 
-![CodeSwing plėtinys rodo gyvą peržiūrą](../../../../translated_images/lt/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing plėtinys rodo gyvą peržiūrą](../../../../translated_images/lt/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Patobulintos sąsajos funkcijos:**
 - Atskiras vaizdas: rodo kodą vienoje pusėje ir gyvą peržiūrą kitoje
diff --git a/translations/lt/9-chat-project/README.md b/translations/lt/9-chat-project/README.md
index d02ac36ef..79b0ef01a 100644
--- a/translations/lt/9-chat-project/README.md
+++ b/translations/lt/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 Štai kaip atrodys jūsų baigtas projektas:
 
-![Pokalbių programos sąsaja rodanti naudotojo ir DI asistento pokalbį](../../../translated_images/lt/screenshot.0a1ee0d123df681b.png)
+![Pokalbių programos sąsaja rodanti naudotojo ir DI asistento pokalbį](../../../translated_images/lt/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Jūsų mokymosi kelionė DI programų kūrime
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **Pagrindinė taisyklė**: DI programų kūrimas derina tradicinius interneto kūrimo įgūdžius su DI paslaugų integracija, kuri formuoja protingas programas, kurios atrodo natūralios ir jautrios vartotojams.
 
-![GitHub Models AI Playground sąsaja su modelio pasirinkimu ir testavimo zona](../../../translated_images/lt/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground sąsaja su modelio pasirinkimu ir testavimo zona](../../../translated_images/lt/playground.d2b927122224ff8f.webp)
 
 **Kodėl žaidimų aikštelė tokia naudinga:**
 - **Išbandykite** skirtingus DI modelius kaip GPT-4o-mini, Claude ir kitus (visi nemokami!)
@@ -199,7 +199,7 @@ mindmap
 
 Kai šiek tiek pažaistumėte, tiesiog spustelėkite skirtuką „Code“ ir pasirinkite programavimo kalbą, kad gautumėte įgyvendinimo kodą, kurio jums prireiks.
 
-![Žaidimų aikštelės pasirinkimas su kodo generavimo galimybėmis skirtingomis programavimo kalbomis](../../../translated_images/lt/playground-choice.1d23ba7d407f4758.png)
+![Žaidimų aikštelės pasirinkimas su kodo generavimo galimybėmis skirtingomis programavimo kalbomis](../../../translated_images/lt/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python backend integracijos nustatymas
 
@@ -2353,14 +2353,14 @@ Norite išbandyti šį projektą debesijos kūrimo aplinkoje? GitHub Codespaces
 - **Eikite į** [Web Dev For Beginners saugyklą](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **Spauskite** „Use this template“ viršutiniame dešiniajame kampe (įsitikinkite, kad esate prisijungę prie GitHub)
 
-![Sukūrimo iš šablono sąsaja su žaliu mygtuku "Use this template"](../../../translated_images/lt/template.67ad477109d29a2b.png)
+![Sukūrimo iš šablono sąsaja su žaliu mygtuku "Use this template"](../../../translated_images/lt/template.67ad477109d29a2b.webp)
 
 **2 žingsnis: Paleiskite Codespaces**  
 - **Atidarykite** ką tik sukurtą saugyklą  
 - **Paspauskite** žalią "Code" mygtuką ir pasirinkite "Codespaces"  
 - **Pasirinkite** "Create codespace on main" pradėti kūrimo aplinką
 
-![Codespace kūrimo sąsaja su pasirinkimais debesijos kūrimo aplinkai paleisti](../../../translated_images/lt/codespace.bcecbdf5d2747d3d.png)
+![Codespace kūrimo sąsaja su pasirinkimais debesijos kūrimo aplinkai paleisti](../../../translated_images/lt/codespace.bcecbdf5d2747d3d.webp)
 
 **3 žingsnis: Aplinkos konfigūracija**  
 Kai Codespace pasikrauna, turėsite prieigą prie:  
diff --git a/translations/lt/README.md b/translations/lt/README.md
index b0b508976..d2699bad1 100644
--- a/translations/lt/README.md
+++ b/translations/lt/README.md
@@ -72,13 +72,13 @@ Nepraleiskite mūsų naujos Generatyvinės DI mokymo programos!
 
 Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pradėti!
 
-![Background](../../translated_images/lt/background.148a8d43afde5730.png)
+![Background](../../translated_images/lt/background.148a8d43afde5730.webp)
 
 - Pamokos apimančios viską nuo pagrindų iki RAG.
 - Bendravimas su istorijų veikėjais naudojant GenAI ir mūsų companion programėlę.
 - Įdomi ir įtraukianti istorija – keliausite laiku!
 
-![character](../../translated_images/lt/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp)
 
 
 Kiekviena pamoka apima užduotį atlikti, žinių patikrinimą ir iššūkį, kurie padeda mokytis tokių temų kaip:
@@ -115,7 +115,7 @@ Atlikite šiuos veiksmus:
 
 Jūsų sukurtos šios saugyklos kopijos lange, spustelėkite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace aplinką darbui.
 
-![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Programa vietoje, jūsų kompiuteryje
 
diff --git a/translations/lt/for-teachers.md b/translations/lt/for-teachers.md
index 0d93e02ff..bb8998892 100644
--- a/translations/lt/for-teachers.md
+++ b/translations/lt/for-teachers.md
@@ -42,10 +42,10 @@ Patarimas: Venkite saugyklų laikymo sinchronizuotuose aplankuose (pvz., OneDriv
   - Moodle Cloud turi ribotą Common Cartridge palaikymą. Geriau naudoti aukščiau pateiktą Moodle failą, kurį taip pat galima įkelti į Canvas.
   - Po importavimo peržiūrėkite modulius, terminų datas ir testų nustatymus, kad jie atitiktų jūsų semestro tvarkaraštį.
 
-![Moodle](../../translated_images/lt/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/lt/moodle.94eb93d714a50cb2.webp)
 > Mokymo programa Moodle klasėje
 
-![Canvas](../../translated_images/lt/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/lt/canvas.fbd605ff8e5b8aff.webp)
 > Mokymo programa Canvas platformoje
 
 ### Naudojimas tiesiogiai iš repo (be Classroom)
diff --git a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index bbc3f926c..33f402980 100644
--- a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ഇന്ന് നാം ആധുനിക വെബ് വികസനം സാദ്ധ്യമാക്കുന്നതിനും അതിനായി വൃത്തിവത്കരിച്ച ആധുനിക ടൂളുകളെക്കുറിച്ച് പ്രാവശ്യമാണ്. നെറ്റ്ഫ്ലിക്സ്, സ്പോട്ടിഫൈ, നിങ്ങളുടെ പ്രിയപ്പെട്ട ഇൻഡീ ആപ്പ് സ്റ്റുഡിയോ എന്നിവിടങ്ങളിലെ ഡെവലപ്പറർമാർ ദിവസവും ഉപയോഗിക്കുന്ന സമാനമായ എഡിറ്റർ, ബ്രൗസർ, പ്രവൃത്തി രീതികൾ ആണ് ഇവിടെ ഉദ്ദേശിക്കുന്നത്. ഇത് നിങ്ങളെ സന്തോഷത്തിൽ റീച്ച് ചെയ്യാൻ പോകുന്നത്: ഈ പ്രൊഫഷണൽ ഗ്രേഡ്, വ്യവസായ നിലവാരത്തിലുള്ള ടൂളുകൾ കൂടുതലായി സൗജന്യമാണ്!
 
-![Intro Programming](../../../../translated_images/ml/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/ml/webdev101-programming.d6e3f98e61ac4bff.webp)
 > സ്കെച് നോട്ട്സ്: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ml/1-getting-started-lessons/2-github-basics/README.md b/translations/ml/1-getting-started-lessons/2-github-basics/README.md
index abc7c51d0..c2c9a29df 100644
--- a/translations/ml/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/ml/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ഈ യാത്ര ഞങ്ങൾ ഒന്നിച്ച് കാൽ ചവിട്ടി തുടരും. വേഗം വേണ്ട, സമ്മർദ്ദം വേണ്ട – നിങ്ങൾക്കും, എനിക്കും, ഇനി നിങ്ങളുടെ പുതിയ മികച്ച കൂട്ടുകാരായി മാറാൻ പോകുന്ന ചില മികച്ച ഉപകരണങ്ങൾക്കുമൊത്ത്!
 
-![Intro to GitHub](../../../../translated_images/ml/webdev101-github.8846d7971abef6f9.png)
+![Intro to GitHub](../../../../translated_images/ml/webdev101-github.8846d7971abef6f9.webp)
 > സ്കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा
 
 ```mermaid
@@ -603,7 +603,7 @@ flowchart TD
 
 ✅ 'beginner-friendly' റിപോസിറ്ററികൾ കണ്ടെത്താൻ മികച്ച മാർഗം [good-first-issue ടാഗ് ഉപയോഗിച്ച് തെരയുക](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/) .
 
-![ഒരു റിപോ ലോക്കലായി കോപ്പി ചെയ്യുക](../../../../translated_images/ml/clone_repo.5085c48d666ead57.png)
+![ഒരു റിപോ ലോക്കലായി കോപ്പി ചെയ്യുക](../../../../translated_images/ml/clone_repo.5085c48d666ead57.webp)
 
 കോഡ് കോപ്പി ചെയ്യാനുള്ള പല മാർഗ്ഗങ്ങളുണ്ട്. ഒരു മാർഗ്ഗം "clone" ചെയ്യുക എന്നതാണ്, HTTPS, SSH അല്ലെങ്കിൽ GitHub CLI (കമാൻഡ് ലൈൻ ഇന്റർഫേസ്) ഉപയോക്തൃ ഇനങ്ങളിലൂടെ.
 
diff --git a/translations/ml/1-getting-started-lessons/3-accessibility/README.md b/translations/ml/1-getting-started-lessons/3-accessibility/README.md
index 6e9295ebb..4fc72e445 100644
--- a/translations/ml/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/ml/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ആക്‌സസിബിൾ വെബ്പേജുകൾ സൃഷ്ടിക്കൽ
 
-![ആക്‌സസിബിലിറ്റിയെക്കുറിച്ചു മുഴുവൻ](../../../../translated_images/ml/webdev101-a11y.8ef3025c858d897a.png)
+![ആക്‌സസിബിലിറ്റിയെക്കുറിച്ചു മുഴുവൻ](../../../../translated_images/ml/webdev101-a11y.8ef3025c858d897a.webp)
 > സ്കെച്‌നോട്ട് [ടോമോമി ഇമൂറ](https://twitter.com/girlie_mac) ഉത്ഘാടനം
 
 ```mermaid
diff --git a/translations/ml/2-js-basics/1-data-types/README.md b/translations/ml/2-js-basics/1-data-types/README.md
index 3cfc3b55b..98e90cdab 100644
--- a/translations/ml/2-js-basics/1-data-types/README.md
+++ b/translations/ml/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: ഡേറ്റാ ടൈപ്പുകൾ
 
-![JavaScript Basics - Data types](../../../../translated_images/ml/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/ml/webdev101-js-datatypes.4cc470179730702c.webp)
 > സ്കെച്ഛ് നോട്ടു [Tomomi Imura](https://twitter.com/girlie_mac) tarafından hazırlandı.
 
 ```mermaid
diff --git a/translations/ml/2-js-basics/2-functions-methods/README.md b/translations/ml/2-js-basics/2-functions-methods/README.md
index 030dcd1b3..b0fa7fbfd 100644
--- a/translations/ml/2-js-basics/2-functions-methods/README.md
+++ b/translations/ml/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: മെത്തഡുകളും ഫങ്ഷനുകളും
 
-![JavaScript Basics - Functions](../../../../translated_images/ml/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript Basics - Functions](../../../../translated_images/ml/webdev101-js-functions.be049c4726e94f8b.webp)
 > സ്‌കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) tərəfindən
 
 ```mermaid
diff --git a/translations/ml/2-js-basics/3-making-decisions/README.md b/translations/ml/2-js-basics/3-making-decisions/README.md
index 5727a9494..8141dd1a2 100644
--- a/translations/ml/2-js-basics/3-making-decisions/README.md
+++ b/translations/ml/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: തീരുമാനങ്ങൾ എടുക്കൽ
 
-![JavaScript Basics - Making decisions](../../../../translated_images/ml/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/ml/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > സ്കെച്ച് നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) രചിച്ചത്
 
diff --git a/translations/ml/2-js-basics/4-arrays-loops/README.md b/translations/ml/2-js-basics/4-arrays-loops/README.md
index 4ba7fe7b7..0917dea6c 100644
--- a/translations/ml/2-js-basics/4-arrays-loops/README.md
+++ b/translations/ml/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: നിരകളും ലൂപ്പുകളും
 
-![JavaScript Basics - Arrays](../../../../translated_images/ml/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/ml/webdev101-js-arrays.439d7528b8a29455.webp)
 > സ്കെച്ച്നോട്ട് \- [ടോമോമി ഇമുറ](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ml/3-terrarium/1-intro-to-html/README.md b/translations/ml/3-terrarium/1-intro-to-html/README.md
index 2185cbea6..be4c5fb95 100644
--- a/translations/ml/3-terrarium/1-intro-to-html/README.md
+++ b/translations/ml/3-terrarium/1-intro-to-html/README.md
@@ -25,7 +25,7 @@ journey
       Enhance accessibility: 5: Student
       Build terrarium: 5: Student
 ```
-![Introduction to HTML](../../../../translated_images/ml/webdev101-html.4389c2067af68e98.png)
+![Introduction to HTML](../../../../translated_images/ml/webdev101-html.4389c2067af68e98.webp)
 > സ്കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) tarafından
 
 HTML, അല്ലെങ്കിൽ HyperText Markup Language, നിങ്ങൾ എപ്പോഴും സന്ദർശിച്ചിട്ടുള്ള എല്ലാ വെബ്‌സൈറ്റുകളുടെ അടിസ്ഥാനമാണ്. HTML-നെ വെബ് പേജുകൾക്ക് ഘടന നൽകുന്ന അറസ്റ്റിൽ വെള്ളം പോലെ കരുതുക - ഇത് ചെയ്യുന്നുണ്ട് സമവായം എവിടെയാണ് പോകേണ്ടത്, അത് എങ്ങനെ ക്രമീകരിക്കപ്പെടുന്നു, ഓരോ ഭാഗവും എന്താണ് പ്രതിനിധീകരിക്കുന്നത്. CSS പിന്നീട് നിങ്ങളുടെ HTML നിറങ്ങൾ, ലേയൗട്ടുകൾ എന്നിവ കൊണ്ട് "അലങ്കരിക്കും" ഒപ്പം ജാവാസ്ക്രിപ്റ്റ് ഇത് ജീവിക്കാൻ ഇന്റർമൂഹമായ ഇടപെടൽ നൽകും, HTML അതെല്ലാം കഴിഞ്ഞ് മറ്റ് എല്ലാം ഗുണം നേടുന്ന അടിസ്ഥാന ഘടന നൽകുന്നു.
@@ -86,7 +86,7 @@ HTML കോഡിലേക്ക് പ്രവേശിക്കുന്ന
 4. Explorer പാനലിൽ "ന്യൂ ഫയൽ" ഐക്കൺ ക്ലിക്കുചെയ്യുക
 5. നിങ്ങളുടെ ഫയലിന് `index.html` എന്ന പേര് നൽകുക
 
-![VS Code Explorer പുതിയ ഫയൽ സൃഷ്ടിക്കുന്നത് കാണിക്കുന്നു](../../../../translated_images/ml/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer പുതിയ ഫയൽ സൃഷ്ടിക്കുന്നത് കാണിക്കുന്നു](../../../../translated_images/ml/vs-code-index.e2986cf919471eb9.webp)
 
 **ഓപ്ഷൻ 2: ടെർമിനൽ കമാൻഡുകൾ ഉപയോഗിച്ച്**
 ```bash
diff --git a/translations/ml/3-terrarium/2-intro-to-css/README.md b/translations/ml/3-terrarium/2-intro-to-css/README.md
index 69d7714c3..e97f184b8 100644
--- a/translations/ml/3-terrarium/2-intro-to-css/README.md
+++ b/translations/ml/3-terrarium/2-intro-to-css/README.md
@@ -29,7 +29,7 @@ journey
       റെസ്പോൺസീവ് ഡിസൈൻ: 5: Student
       ഗ്ലാസ് പ്രതിഫലനങ്ങൾ: 5: Student
 ```
-![CSS-ഇന്റെ പരിചയം](../../../../translated_images/ml/webdev101-css.3f7af5991bf53a20.png)
+![CSS-ഇന്റെ പരിചയം](../../../../translated_images/ml/webdev101-css.3f7af5991bf53a20.webp)
 > സ്കെച്ച്നോട്ട് [ടോമോമി ഇമുര](https://twitter.com/girlie_mac)രിടം
 
 നിന്റെ HTML ടെററിയം എത്ര സാധാരണമായിരുന്നു എന്ന് ഓർക്കുന്നുണ്ടോ? CSS ആണ് ആ പാരിപ്പൊളിച്ച ഘടനയെ ദൃശ്യപരമായി ആകര്‍ഷകമാക്കുന്നത്.
@@ -202,7 +202,7 @@ body {
 
 നിന്റെ ബ്രൗസറിന്റെ ഡിസ്ക്കമ്പോസർ ടൂൾസ് (F12) തുറക്കൂ, Elements ടാബ് തിരഞ്ഞെടുക്കൂ, `<h1>`-നെ പരിശോധിക്കൂ. ഇത് `body`-യിൽ നിന്നുള്ള ഫോണ്ട് ഫാമിലി പാരമ്പര്യമായി സ്വീകരിച്ചത് കാണാം:
 
-![inherited font](../../../../translated_images/ml/1.cc07a5cbe114ad1d.png)
+![inherited font](../../../../translated_images/ml/1.cc07a5cbe114ad1d.webp)
 
 ✅ **പരീക്ഷണമെടുത്ത് നോക്കൂ**: `<body>`-യ്‌ക്ക് `color`, `line-height`, അല്ലെങ്കിൽ `text-align` പോലുള്ള മറ്റേതെങ്കിലും പാരമ്പര്യ സ്വഭാവങ്ങൾ സജ്ജമാക്കൂ. നിന്റെ തലക്കെട്ടിനും മറ്റ് എലമെന്റുകൾക്കും എന്ത് സംഭവിക്കുന്നു?
 
diff --git a/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md
index fe043d388..f81860a52 100644
--- a/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -25,7 +25,7 @@ journey
       Test functionality: 5: Student
       Complete terrarium: 5: Student
 ```
-![DOM ഉം ക്ലോസറും](../../../../translated_images/ml/webdev101-js.10280393044d7eaa.png)
+![DOM ഉം ക്ലോസറും](../../../../translated_images/ml/webdev101-js.10280393044d7eaa.webp)
 > സ്കെച്ച് നോട്ടു [Tomomi Imura](https://twitter.com/girlie_mac) എഴുതിയത്
 
 വെബ് ഡെവലപ്പ്മെന്റിന്റെ ഏറ്റവും ആകർഷകമായ ഭാഗങ്ങളിൽ ഒന്നിലേക്ക് സ്വാഗതം - ഇന്ററാക്ടീവ് ചെയ്യുന്നത്! ഡോക്യുമെന്റ് ഒബ്ജക്ട് മോഡൽ (DOM) നിങ്ങളുടെ HTML നും ജാവാസ്ക്രിപ്റ്റിനും ഇടയിലുള്ള ഒരു പാലമുപോലെയാണ്, ഇങ്ങനെ ഇന്ന് നിങ്ങളുടേ ടെറാരിയം ജീവിപ്പിക്കാൻ നാം ഇത് ഉപയോഗിക്കാം. ടിം ബേണേഴ്സ്-ലി ആദ്യ വെബ് ബ്രൗസർ സൃഷ്ടിച്ചതിനു ശേഷം, ഡോക്യുമെന്റുകൾ ഡൈനാമിക് ആയും ഇന്ററാക്ടീവ് ആയും ഉണ്ടാകുമെന്ന് വിചാരിച്ചിരുന്നു - DOM ആ വിചാരത്തെ സാധ്യമാക്കുന്നു.
@@ -102,7 +102,7 @@ flowchart TD
     style P fill:#ffebee
     style Q fill:#ffebee
 ```
-![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.png)
+![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ഉം അതിലെ HTML മാർക്കപ് നമ്മളിത് കാണിക്കുന്ന വിധം. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) നൽകിയത്
 
@@ -146,7 +146,7 @@ flowchart LR
 ```
 > 💡 **ക്ലോസറുകൾ മനസ്സിലാക്കൽ**: ക്ലോസറുകൾ ജാവാസ്ക്രിപ്റ്റിൽ പ്രധാന വിഷയം ആണ്, പല ഡെവലപ്പർമാർ ഇത് തങ്ങളുടെ കരുത്തിലും കാലയളവിലും ഉപയോഗിക്കുമ്പോഴും അതിന്റെ സാക്ഷര理论 പൂർണ്ണമായി മനസ്സിലാക്കാറില്ല. ഇന്ന് നാം പ്രായോഗിക പ്രയോഗത്തിൽ ശ്രദ്ധിക്കുകയാണ - നിങ്ങൾ നമ്മുടെ ഇന്ററാക്ടീവ് ഫീച്ചറുകൾ നിർമ്മിക്കുന്നപ്പോൾ ക്ലോസറുകൾ സ്വാഭാവികമായി തെളിയുമ്പോൾ മനസ്സിലാക്കും.
 
-![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.png)
+![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM ഉം അതിലെ HTML മാർക്കപ് നമ്മളിത് കാണിക്കുന്നത്. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) നൽകിയത്
 
@@ -591,7 +591,7 @@ function stopElementDrag() {
 - **ക്രാസ്-ഡിവൈസ് പിന്തുണ**: ഡെസ്ക്ടോപ്പിലും മൊബൈലിലും പ്രവർത്തിക്കുന്നു
 - **പ്രകടന കാര്യക്ഷമത**: മെമ്മറി ചോർച്ചകളോ ആവർത്തിക്കുന്ന കണക്കെടുപ്പുകളോ ഇല്ല
 
-![finished terrarium](../../../../translated_images/ml/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/ml/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/ml/3-terrarium/solution/README.md b/translations/ml/3-terrarium/solution/README.md
index 8647cc823..9a633e26a 100644
--- a/translations/ml/3-terrarium/solution/README.md
+++ b/translations/ml/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ഒരു ചെറിയ ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് കോഡ്-ധ്യാനം. ചെറിയ HTML, JS, CSS ഉപയോഗിച്ച്, നിങ്ങൾക്ക് ഒരു വെബ് ഇന്റർഫേസ് നിർമ്മിക്കാൻ, അതിനെ സ്റ്റൈൽ ചെയ്യാൻ, ഒരു ഇന്ററാക്ഷൻ ചേർക്കാൻ കഴിയും.
 
-![my terrarium](../../../../translated_images/ml/screenshot_gray.0c796099a1f9f25e.png)
+![my terrarium](../../../../translated_images/ml/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## ക്രെഡിറ്റുകൾ
 
diff --git a/translations/ml/5-browser-extension/1-about-browsers/README.md b/translations/ml/5-browser-extension/1-about-browsers/README.md
index 0bd40fde6..5ff505b37 100644
--- a/translations/ml/5-browser-extension/1-about-browsers/README.md
+++ b/translations/ml/5-browser-extension/1-about-browsers/README.md
@@ -25,7 +25,7 @@ journey
       പ്രശ്നങ്ങൾ ഡീബഗ് ചെയ്യുക: 4: Student
       അനുഭവം മെച്ചപ്പെടുത്തുക: 5: Student
 ```
-![Browser sketchnote](../../../../translated_images/ml/browser.60317c9be8b7f84a.jpg)
+![Browser sketchnote](../../../../translated_images/ml/browser.60317c9be8b7f84a.webp)
 > സ്കെച്ച്നോട്ട് [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)ലെ
 
 ## പ്രീ-ലക്ചർ ക്വിസ്
@@ -77,7 +77,7 @@ mindmap
 
 ✅ **ചെറിയ ചരിത്രം**: ആദ്യ ബ്രൗസർ 'WorldWideWeb' എന്നായിരുന്നു, 1990-ൽ സാർ ടിമോത്തി ബേർണേഴ്‌സ്-ലിയുടെ സൃഷ്ടി.
 
-![early browsers](../../../../translated_images/ml/earlybrowsers.d984b711cdf3a42d.jpg)
+![early browsers](../../../../translated_images/ml/earlybrowsers.d984b711cdf3a42d.webp)
 > ചില പ്രാരംഭ ബ്രൗസറുകൾ, [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) വഴി
 
 ### ബ്രൗസറുകൾ വെബ് ഉള്ളടക്കം എങ്ങനെ പ്രോസസ്സുചെയ്യുന്നു
@@ -194,7 +194,7 @@ quadrantChart
 
 എക്സ്റ്റെൻഷൻ ഇൻസ്റ്റാളേഷൻ പ്രക്രിയ മനസ്സിലാക്കുന്നത് ഉപയോക്തൃ അനുഭവം പ്രതീക്ഷിക്കാനും സഹായിക്കുന്നു. ഇന്നത്തെ ആധുനിക ബ്രൗസറുകളിൽ ഈ പ്രക്രിയ മാനദണ്ഡം പോലെ സാന്ദ്രമായി ഈന്റർഫെയ്‌സ് രൂപകല്‍പ്പനയിൽ ചെറിയ വ്യത്യാസങ്ങളോടെ ഉണ്ട്.
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/ml/install-on-edge.d68781acaf0b3d3d.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/ml/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **പ്രധാനത്തിന്**: നിങ്ങളുടെ സ്വന്തം എക്സ്റ്റെൻഷനുകൾ പരീക്ഷിക്കുമ്പോൾ ഡെവലപ്പർ മോഡ് സ്വിച്ച് ഓണാക്കി മറ്റു സ്റ്റോറുകളിൽ നിന്ന് എക്സ്റ്റെൻഷനുകൾ അനുവദിക്കുക.
 
@@ -308,10 +308,10 @@ project-root/
 ### എക്സ്റ്റെൻഷൻ കാഴ്ചകൾ അവലോകനം
 
 **സെറ്റപ്പ് കാഴ്ച** - ആദ്യകാല ഉപയോക്തൃ ക്രമീകരണം:  
-![സെറ്റപ്പ് കാഴ്ച](../../../../translated_images/ml/1.b6da8c1394b07491.png)
+![സെറ്റപ്പ് കാഴ്ച](../../../../translated_images/ml/1.b6da8c1394b07491.webp)
 
 **ഫല കാഴ്ച** - കാർബൺ പാദച്ചിഹ്ന ഡാറ്റാ പ്രദർശനം:  
-![ഫല കാഴ്ച](../../../../translated_images/ml/2.1dae52ff08042246.png)
+![ഫല കാഴ്ച](../../../../translated_images/ml/2.1dae52ff08042246.webp)
 
 ### ക്രമീകരണ ഫോം നിർമ്മിക്കല്‍
 
diff --git a/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md
index 87a1bbb71..18392771d 100644
--- a/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -263,7 +263,7 @@ stateDiagram-v2
     Reset --> ClearStorage: സംഭരിച്ച ഡാറ്റ നീക്കം ചെയ്യുക
     ClearStorage --> FirstTime: ക്രമീകരണത്തിലേക്ക് മടങ്ങുക
 ```
-![Local storage pane](../../../../translated_images/ml/localstorage.472f8147b6a3f8d1.png)
+![Local storage pane](../../../../translated_images/ml/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **സുരക്ഷാ പരിഗണന**: ഉത്പാദന പ്രയോഗങ്ങളിൽ, API കീകൾ LocalStorage-ൽ സൂക്ഷിക്കുന്നത് സുരക്ഷാ അപകടങ്ങൾ ഉണ്ടാക്കാം, കാരണം ജാവാസ്ക്രിപ്റ്റ് ഈ ഡാറ്റ ആക്സസ് ചെയ്യാം. പഠനത്തിന് ഇത് ശരിയാണെങ്കിലും, യാഥാർത്ഥ്യ հավելു മാത്രം കുട്ടികളായ ക്രെഡൻഷ്യലുകൾ സർവർ-സൈഡ് സംഭരണം ഉപയോഗിക്കണം.
 
diff --git a/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md
index ce058a20b..1878190cc 100644
--- a/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -123,7 +123,7 @@ flowchart LR
 
 ഇത് പരീക്ഷിക്കാം. ഒരു വെബ്‌സൈറ്റ് തുറക്കൂ (Microsoft.com നല്ലതാണ്) 'Record' ബട്ടൺ അമർത്തൂ. പിന്നീട് പേജ് റിഫ്രഷ് ചെയ്ത് പ്രൊഫൈലർ എല്ലാം രേഖപ്പെടുത്തിയതിൽ ശ്രദ്ധിക്കൂ. റെക്കോർഡ് നിർത്തുമ്പോൾ ബ്രൗസർ സൈറ്റിനെ 'സ്ക്രിപ്റ്റ്', 'റെൻഡർ', 'പെയിന്റ്' ചെയ്യുന്ന രീതിയുടെ വിശദാംശം കാണിക്കും. ഇത് മിസൺ കൺട്രോൾ ഒരു റോക്കറ്റ് വിന്യാസ സമയത്ത് ഓരോ സിസ്റ്റത്തെയും നിരീക്ഷിക്കുന്നതുപോലെയാണ് - നിങ്ങൾക്ക് യഥാർത്ഥ സമയം സംഭവിക്കുന്നതും എപ്പോഴാണെന്നും ഡാറ്റ ലഭിക്കുന്നു.  
 
-![Edge profiler](../../../../translated_images/ml/profiler.5a4a62479c5df01c.png)  
+![Edge profiler](../../../../translated_images/ml/profiler.5a4a62479c5df01c.webp)  
 
 ✅ കൂടുതൽ വിശദാംശങ്ങൾക്ക് [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) കാണുക  
 
@@ -133,11 +133,11 @@ flowchart LR
 
 പ്രൊഫൈല് ടൈംലൈന്റെ ഒരു ഭാഗം തിരഞ്ഞെടുക്കുക, സംഗ്രഹ പാനൽ കാണുക:  
 
-![Edge profiler snapshot](../../../../translated_images/ml/snapshot.97750180ebcad737.png)  
+![Edge profiler snapshot](../../../../translated_images/ml/snapshot.97750180ebcad737.webp)  
 
 ഇവന്റ് ലോഗ് പാനലിൽ 15 മില്ലിസെക്കൻഡിനും മുകളിൽ സമയം എടുത്ത ഇവന്റുകൾ പരിശോധിക്കുക:  
 
-![Edge event log](../../../../translated_images/ml/log.804026979f3707e0.png)  
+![Edge event log](../../../../translated_images/ml/log.804026979f3707e0.webp)  
 
 ✅ നിങ്ങളുടെ പ്രൊഫൈലറിനെ പരിചയപ്പെടൂ! ഈ സൈറ്റിൽ ഡവലപ്പർ ടൂൾസ് തുറന്നിട്ട് ബോട്ടിൽനെക്കുകൾക്കുള്ള സാധ്യത നോക്കൂ. ഏറ്റവും സ്ലോ ആയി ലോഡ് ചെയ്യുന്ന ആസറ്റോ? ഏറ്റവും വേഗം?
 
diff --git a/translations/ml/5-browser-extension/README.md b/translations/ml/5-browser-extension/README.md
index af6584c2c..223a93fd1 100644
--- a/translations/ml/5-browser-extension/README.md
+++ b/translations/ml/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### കൃതങ്ങൾ
 
-![a green browser extension](../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![a green browser extension](../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## കൃതങ്ങൾ
 
diff --git a/translations/ml/5-browser-extension/solution/README.md b/translations/ml/5-browser-extension/solution/README.md
index 9611fd920..3b942d616 100644
--- a/translations/ml/5-browser-extension/solution/README.md
+++ b/translations/ml/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrowയുടെ C02 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപഭോഗം ട്രാക്ക് ചെയ്ത്, നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം എത്ര ഭാരം കൂടിയാണെന്ന് ഓർമപ്പെടുത്തുന്ന ഒരു ബ്രൗസർ എക്സ്റ്റൻഷൻ നിർമ്മിക്കുക. ഈ എക്സ്റ്റൻഷൻ ഇടയ്ക്കിടെ ഉപയോഗിക്കുന്നത് ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെ സംബന്ധിച്ചുള്ള തീരുമാനം എടുക്കാൻ സഹായിക്കും.
 
-![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ആരംഭിക്കൽ
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലത്തുഭാഗത്തുള്ള 'മൂന്ന് ഒമ്മ' മෙනുവിൽ നിന്ന് Extensions പാനൽ കണ്ടെത്തുക. അതിൽ നിന്നു് 'Load Unpacked' എന്നത് തിരഞ്ഞെടുക്കുക പുതിയ എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യുന്നതിനായി. సూచനയിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യും. ഇത് ഉപയോഗിക്കാൻ, CO2 Signal APIയ്ക്കുള്ള API കീ ആവശ്യമാണ് ([ഇവിടെ ഇമെയിൽ വഴി ഒന്നു നേടുക](https://www.co2signal.com/) - ഈ പേജിലെ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [Electricity Map](https://www.electricitymap.org/map) യുമായി അനുസൃതമുള്ള നിങ്ങളുടെ മേഖലയുടെ [കോഡ്](http://api.electricitymap.org/v3/zones) (ബോസ്റ്റണിൽ, ഉദാഹരണത്തിന്, ഞാന്‍ 'US-NEISO' ഉപയോഗിക്കുന്നു).
 
-![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 API കീയും മേഖല രേഖപ്പെടുത്തുമ്പോൾ, ബ്രൗസർ എക്സ്റ്റൻഷൻ ബാറിലുള്ള വർണ്ണജഡ അംശം നിങ്ങളുടെ മേഖലയിലെ ഊർജ്ജ ഉപഭോഗം പ്രതിഫലിപ്പിക്കാൻ മാറുകയും, നിങ്ങൾക്ക് ഏതു ഊർജ്ജം അധികമുള്ള പ്രവർത്തനങ്ങൾ നടത്തുന്നതിന് അനുയോജ്യമാണ് എന്ന് സൂചിപ്പിക്കുകയും ചെയ്യും. ഈ 'അംശം' സംവിധാനം എന്നെ നൽകിയിരിക്കുന്നത് [Energy Lollipop എക്സ്റ്റൻഷൻ](https://energylollipop.com/) എന്നതാണ്, പ്രത്യേകിച്ച് കാലിഫോർണിയയിലെ ഉത്‌സർജ്ജങ്ങളുടെ കാര്യത്തിലാണ്.
 
diff --git a/translations/ml/5-browser-extension/solution/translation/README.fr.md b/translations/ml/5-browser-extension/solution/translation/README.fr.md
index 8739d9a57..8bdb7f081 100644
--- a/translations/ml/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/ml/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow ൽ നിന്നുള്ള C02 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം നിരീക്ഷിക്കാൻ, നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗത്തെപ്പറ്റി നേരിട്ടുള്ള ഓർമ്മപ്പെടുത്തലിനായി ഒരു ബ്രൗസർ എക്‌സ്ടൻഷൻ സൃഷ്ടിക്കുക. ഈ പഴയകാല എക്‌സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങളുടെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് നീതിപാലനം നടത്താൻ സഹായിക്കും.
 
-![capture d'extension](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![capture d'extension](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## തുടക്കം
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്നു പോയിന്റ്' മെനു ഉപയോഗിച്ച് ഇക്സ്റ്റൻഷൻസ് പാനൽ കണ്ടെത്തുക. അവിടെ നിന്നും 'Unpacked Extension Load' തിരഞ്ഞെടുക്കുക, പുതിയ എക്‌സ്ടൻഷൻ ലോഡ് ചെയ്യാൻ. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്‌സ്ടൻഷൻ ലോഡ് ചെയ്യും. ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന നിങ്ങളുടെ പ്രദേശത്തേക്ക് അനുയോജ്യമായ CO2 സിഗ്നൽ API കേ (അവിടെ [ഇമെയിൽ വഴി ഒരു കീ നേടുക](https://www.co2signal.com/) - ഈ പേജിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകി) കൂടാതെ [ഇലക്ട്രിസിറ്റി മാപ്പിൽ](https://www.electricitymap.org/map) ഉള്ള [പ്രദേശ കോഡ്](http://api.electricitymap.org/v3/zones) ഉണ്ടാകണം (ബോസ്റ്റണിൽ, ഉദാഹരണത്തിന്, ഞാൻ 'US- NEISO' ഉപയോഗിക്കുന്നു).
 
-![installation](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installation](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 API കിയും പ്രദേശവും എക്‌സ്ടൻഷൻ ഇന്റർഫേസിൽ നൽകുന്നതിനു ശേഷം, ബ്രൗസർ എക്‌സ്ടൻഷൻ ബാറിലുള്ള നിറമുള്ള പോയിന്റ് നിങ്ങളുടെ പ്രദേശം ഉപയോഗിക്കുന്ന വൈദ്യുതി തീവ്രതയെ പ്രതിബിംബിപ്പിക്കും, കൂടാതെ ഏത് ഊർജ്ജം കൂടുതൽ ഉപയോഗിക്കുന്ന പ്രവർത്തനങ്ങൾ ചെയ്യാൻ ശരിയായ സമയം എന്നതിന് നിങ്ങൾക്ക് സൂചകമാകും. ഈ 'പോയിന്റ്' സിസ്റ്റത്തിന്റെ ആശയം കാലിഫോർണിയൻ ഉமிழ്പൈനോടുള്ള [Energy Lollipop എക്സ്ടൻഷൻ](https://energylollipop.com/) ൽ നിന്നാണ് കിട്ടുന്നത്.
 
diff --git a/translations/ml/5-browser-extension/solution/translation/README.hi.md b/translations/ml/5-browser-extension/solution/translation/README.hi.md
index 85e838887..bc2ce2e85 100644
--- a/translations/ml/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/ml/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 വൈദ്യുതി ഉപയോഗം ട്രാക്ക് ചെയ്യുന്നതിനായി tmrow-യുടെ C02 സിഗ്നൽ API ഉപയോഗിച്ച് ഒരു ബ്രൗസർ എക്സ്ടൻഷൻ നിർമ്മിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ നിങ്ങളുടെ പ്രദേശത്തെ വൈദ്യുതി ഉപയോഗം എത്ര ഭാരമുള്ളതാണെന്നതിന് ഒരു റിമൈൻഡർ നൽകുക. ഈ താത്കാലിക എക്സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങൾ അടിസ്ഥാനമാക്കി നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് തീരുമാനങ്ങൾ എടുക്കുന്നതിന് സഹായിക്കും.
 
-![എക്സ്ടൻഷൻ സ്ക്രീൻഷോട്ട് ](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![എക്സ്ടൻഷൻ സ്ക്രീൻഷോട്ട് ](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## തുടങ്ങൽ
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്ന് ഡോട്ട്' മেনൂ ഉപയോഗിച്ച് എക്സ്ടൻഷൻ പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് പുതിയ ഒരു എക്സ്ടൻഷൻ ലോഡ് ചെയ്യാൻ 'लोड अनपैक्ड' തിരഞ്ഞെടുക്കുക. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്ടൻഷൻ ലോഡ് ചെയ്യും. ഇത് ഉപയോഗിക്കാൻ, CO2 സിഗ്നലിന്റെ API ([ഈമെയിൽ വഴി ഇവിടെ ലഭ്യമാണ്](https://www.co2snal.com/) API കീ ലഭിക്കേണ്ടതാണ് - ഈ പേജിൽ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) ഒപ്പം [നിങ്ങളുടെ പ്രദേശത്തിനുള്ള കോഡ്](http://api.electricitymap.org/v3/zones) [എലക്ട്രിസിറ്റി മാപ്പ്](https://www.electricitymap.org/map) (ഉദാഹരണത്തിന്, ബോസ്റ്റണിൽ ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു).
 
-![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 ഒരു API കീയും പ്രദേശ ഡാറ്റയും എക്സ്ടൻഷൻ ഇന്റർഫേസിൽ നൽകുന്നതോടെ, ബ്രൗസർ എക്സ്ടൻഷൻ ബാറിലുള്ള നിറമുള്ള ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ എനർജി ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, കൂടാതെ ഇനകൾ അനുസരിച്ച് എനർജി-ഭാരമുള്ള പ്രവർത്തനങ്ങൾ നടത്തുന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് സിഗ്നൽ നൽകും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം കലിഫോർണിയ മൂലക വികിരണങ്ങൾക്ക് [Energy Lollipop Extension](https://energylollipop.com/) വഴി ലഭിച്ചിട്ടുണ്ട്.
 
diff --git a/translations/ml/5-browser-extension/solution/translation/README.it.md b/translations/ml/5-browser-extension/solution/translation/README.it.md
index ca88c527b..d0f7e1c64 100644
--- a/translations/ml/5-browser-extension/solution/translation/README.it.md
+++ b/translations/ml/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 നാം tmrow-യുടെ Signal C02 API ഉപയോഗിച്ച് വൈദ്യുതിയുടെ ഉപയോഗം നിരീക്ഷിക്കാൻ ബ്രൗസർ എക്സ്ടൻഷൻ സൃഷ്ടിക്കും, അതിലൂടെ നിങ്ങളുടെ പ്രദേശത്ത് വൈദ്യുതി ഉപയോഗം എത്ര ഭാരമുള്ളതാണെന്ന് നേരിട്ട് നിങ്ങളുടെ ബ്രൗസറിൽ ഒരു ഓർമ്മപ്പെടുത്തൽ ഉണ്ടായിരിക്കും. ഈ പ്രത്യേക എക്സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങളുടെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങൾ മൂല്യനിർണയം ചെയ്യാൻ സഹായിക്കും.
 
-![videata dell'estensione](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![videata dell'estensione](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## തുടങ്ങാൻ
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലത് മൂലയിൽ ഉള്ള "മൂന്ന് പോയിന്റ്" മെനുവിൽ നിന്നു എക്സ്റ്റൻഷൻസ് പാനൽ खोजുക. നിലവിലുള്ളില്ലെങ്കിൽ, ഡവലപ്പർ മോഡ് (താഴെ ഇടത്) സജീവമാക്കുക. പുതിയ എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യാൻ "അൺകോമ്പ്രസഡ് ലോഡ്" തിരഞ്ഞെടുക്കുക. പ്രോംപ്റ്റിൽ "dist" ഫോൾഡർ തുറക്കുക, എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്‌തിരിക്കും. ഉപയോഗിക്കാൻ, CO2 സിഗ്നൽ APIയുടെ API കീ ആവശ്യമുണ്ട് (ഇത് ഇവിടെ [ഇമെയിൽ വഴി ലഭ്യമാകുന്നു](https://www.co2signal.com/) - ഈ പേജിലെ പ്രദാനം ചെയ്തിട്ടുള്ള ഇമെയിൽ ബോക്‌സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [ഇലക്ട്രിസിറ്റി മാപ്പിനുള്ള](https://www.electricitymap.org/map) അനുയോജ്യമായ [പ്രദേശത്തിനുള്ള കോഡ്](http://api.electricitymap.org/v3/zones) (ഉദാ. ബോസ്റ്റനിൽ, "US-NEISO").
 
-![installazione](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installazione](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 ഒരു പ്രാവശ്യം API കീയും പ്രദേശവും എക്സ്റ്റൻഷൻ ഇന്റർഫേസിൽ നൽകിവച്ചശേഷം, ബ്രൗസർ എക്സ്റ്റൻഷൻ ബാറിലുള്ള നിറമുള്ള ബിന്ദു പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, കൂടാതെ ഏത് ഉയർന്ന വിസ്തീർണ്ണമുള്ള പ്രവർത്തനങ്ങൾ പരീക്ഷിക്കാം എന്ന വിഷയത്തിൽ സൂചന നൽകും. ഈ "ബിന്ദു" അടിസ്ഥാനമായ സിസ്റ്റത്തിന്റെ ആശയം [Energy Lollipop എക്സ്റ്റൻഷൻ](https://energylollipop.com/)കളിൽ നിന്നാണ് ലഭിച്ചത്, കാലിഫോർണിയയിലെ ഉൽപ്പാദനങ്ങൾക്ക് വേണ്ടി.
 
diff --git a/translations/ml/5-browser-extension/solution/translation/README.ja.md b/translations/ml/5-browser-extension/solution/translation/README.ja.md
index 0f289085b..f20090bbe 100644
--- a/translations/ml/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/ml/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow এর C02 সিগন্যাল API ব্যবহার করে বিদ্যুৎ ব্যবহার ট্র্যাক করার জন্য, আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের মাত্রা কত বেশি তা ব্রাউজারে রিমাইন্ডার হিসেবে প্রদর্শন করার জন্য ব্রাউজার এক্সটেনশন তৈরি করা হয়েছে। এই এক্সটেনশনটি অ্যাডহকভাবে ব্যবহার করে আপনি এই তথ্যের উপর ভিত্তি করে আপনার কার্যক্রম নির্ধারণ করতে পারবেন।
 
-![extension screenshot](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## はじめに
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge এ ইন্সটল করতে, ব্রাউজারের উপরের ডানদিকের "তিনটি ডট" মেনু থেকে "এক্সটেনশন" প্যানেল খুঁজুন। সেখানে থেকে "Load Unpacked" নির্বাচন করে নতুন এক্সটেনশন লোড করুন। প্রম্পটে "dist" ফোল্ডার খুলুন এবং এক্সটেনশন লোড হবে। ব্যবহার করার জন্য, CO2 সিগন্যাল API এর API কী ([ইমেইল মারফত এখানে পান](https://www.co2signal.com/) - এই পৃষ্ঠার বক্সে ইমেইল টাইপ করুন) এবং [Electricity Map](https://www.electricitymap.org/map) অনুযায়ী [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) দরকার (বস্টনে, উদাহরণস্বরূপ, 'US-NEISO' ব্যবহার হয়)।
 
-![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 API কী এবং অঞ্চল এক্সটেনশন ইন্টারফেসে প্রবেশ করানো হলে, ব্রাউজার এক্সটেনশন বারে প্রদর্শিত রঙিন ডট পরিবর্তিত হবে এবং আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিবিম্ব দেখাবে, যা নির্দেশ করবে কোন ধরনের শক্তি প্রয়োজনীয় কার্যক্রম করাই উপযুক্ত। এই "ডট" সিস্টেমের ধারণাটি আমাকে দিয়েছে ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop extension](https://energylollipop.com/)।
 
diff --git a/translations/ml/5-browser-extension/solution/translation/README.ms.md b/translations/ml/5-browser-extension/solution/translation/README.ms.md
index 2413ac85c..0557bf366 100644
--- a/translations/ml/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/ml/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 CO2 സിഗ്നൽ tmrow API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം കണ്ടെത്താൻ, നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം എത്ര ഭാരമുള്ളതാണെന്ന് കണ്ടെത്താൻ ബ്രൗസറിൽ മുന്നറിയിപ്പ് ലഭിക്കുന്നതുവരെ ബ്രൗസർ എക്സ്ടൻഷൻ നിർമ്മിക്കുക. ഈ എക്സ്ടൻഷൻ പ്രത്യേകിച്ച് ഉപയോഗിക്കുന്നത് ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് പരിഗണന നടത്താൻ സഹായിക്കും.
 
-![ബ്രൗസർ എക്സ്ടൻഷൻ സ്‌ക്രീൻഷോട്ട്](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![ബ്രൗസർ എക്സ്ടൻഷൻ സ്‌ക്രീൻഷോട്ട്](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ഇതുവരെ തുടങ്ങുക
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുഭാഗത്ത് ഉള്ള 'മൂന്ന് ഡോട്ട്' മെനുവിൽ നിന്ന് എക്സ്‌റ്റൻഷനുകൾ പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് 'Load Unpacked' തിരഞ്ഞെടുക്കുക പുതിയ എക്സ്‌റ്റൻഷൻ ലോഡ് ചെയ്യുന്നതിന്. ആവശ്യമായതു 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്ടൻഷൻ ലോഡ് ചെയ്യപ്പെടും. ഇത് ഉപയോഗിക്കാൻ, CO2 സിഗ്നൽ API-ക്കായി ഒരു API കീ ([ഇമെയിൽ വഴി ഇവിടെ നേടുക](https://www.co2signal.com/) - ഈ പേജിലെ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) ഉം [നിങ്ങളുടെ പ്രദേശം ക്വാളിഫൈ ചെയ്യുന്ന കോഡ്](http://api.electricitymap.org/v3/zones) ([എലക്ട്രിസിറ്റിമാപ്പ്](https://www.electricitymap.org/map) നു համապատասխանമായി) ഉണ്ടാവണം. (ഉദാഹരണംയായി Boston-ൽ ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു).
 
-![ഇൻസ്റ്റാൾ ചെയ്യുന്നിടം](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![ഇൻസ്റ്റാൾ ചെയ്യുന്നിടം](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 API കീയും പ്രദേശം ഇന്റഫേസിൽ നൽകുമ്പോൾ, ബ്രൗസർ എക്സ്ടൻഷന്റെ ബാറിൽ നിറമുള്ള ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം പ്രതിഫലിപ്പിക്കും, നിങ്ങള്ക്ക് അനുയോജ്യമായ ഭാരമുള്ള പ്രവർത്തനങ്ങൾക്കായി സൂചന നൽകും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം California-ലെ Energy Lollipop [ബ്രൗസർ എക്സ്‌റ്റൻഷൻ](https://energylollipop.com/) എന്നതിനാൽ ലഭിച്ചിരിക്കുന്നു.
 
diff --git a/translations/ml/5-browser-extension/start/README.md b/translations/ml/5-browser-extension/start/README.md
index f2187d512..f7109dd36 100644
--- a/translations/ml/5-browser-extension/start/README.md
+++ b/translations/ml/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 തെമ്മ്രോയുടെ CO2 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം മോണിറ്റർ ചെയ്യുന്നതിന്, നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗത്തിന്റെ ഗാഢതയെക്കുറിച്ച് ഓർമ്മിപ്പിക്കാൻ ഒരു ബ്രൗസർ വിപുലീകരണം നിർമ്മിക്കുക. ഈ വിപുലീകരണം ആവശ്യംപ്രകാരം ഉപയോഗിക്കുന്നത്, ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളിൽ നീതിനിര്ണയം എടുക്കാൻ സഹായിക്കും.
 
-![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## ആരംഭിക്കുന്നത്
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്ന് പോയിന്റ്' മെനുവിൽ നിന്നുയർന്നുള്ള Extensions പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് 'Load Unpacked' തിരഞ്ഞെടുത്ത് പുതിയ ഒരു വിപുലീകരണം ലോഡ് ചെയ്യുക. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, അതിലൂടെ വിപുലീകരണം ലോഡ് ചെയ്യും. ഉപയോഗിക്കാൻ, നിങ്ങൾക്ക് CO2 Signal API-ക്കായി ഒരു API കീ ([ഇമെയിൽ വഴി ഇവിടെ നേടുക](https://www.co2signal.com/) - ഈ പേജിലുള്ള ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [Electricity Map](https://www.electricitymap.org/map) ലെ നിങ്ങളുടെ മേഖലയുടെ [കോഡ്](http://api.electricitymap.org/v3/zones) വേണം (ബോസ്റ്റണിൽ ഉദാഹരണത്തിന്, ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു).
 
-![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.webp)
 
 API കീയും പ്രദേശ കോഡും വിപുലീകരണ ഇന്റർഫേസിൽ നൽകുന്നതോടെ, ബ്രൗസർ വിപുലീകരണ ബാറിലെ കളർ ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ ഊർജ്ജ ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, നിങ്ങൾക്ക് ഏത് ഊർജ്ജ-ഭാരമുള്ള പ്രവർത്തനങ്ങൾ ചെയ്യേണ്ടതാണെന്ന് സൂചിപ്പിക്കും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം കാലിഫോർണിയയുടെ ഇമിഷൻസിനുള്ള [Energy Lollipop extension](https://energylollipop.com/) എന്നതിൽ നിന്നാണ് ഞാൻ ഉൾക്കൊണ്ടത്.
 
diff --git a/translations/ml/6-space-game/2-drawing-to-canvas/README.md b/translations/ml/6-space-game/2-drawing-to-canvas/README.md
index d59e55b68..766703667 100644
--- a/translations/ml/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/ml/6-space-game/2-drawing-to-canvas/README.md
@@ -105,7 +105,7 @@ quadrantChart
     Power-up: [0.7, 0.6]
     UI Elements: [0.9, 0.1]
 ```
-![കാൻവാസിന്റെ ഗ്രിഡ്](../../../../translated_images/ml/canvas_grid.5f209da785ded492.png)
+![കാൻവാസിന്റെ ഗ്രിഡ്](../../../../translated_images/ml/canvas_grid.5f209da785ded492.webp)
 > ചിത്രം [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 കാൻവാസ് ഘടകത്തിൽ വരയ്ക്കാൻ, നിങ്ങൾ എല്ലാ കാൻവാസ് ഗ്രാഫിക്സിന്റെയും അടിസ്ഥാനമായ മൂന്ന് പടികളുടെ പ്രക്രിയ പിന്തുടരും. ഇത് കുറച്ച് പ്രാവശ്യം ചെയ്താൽ എളുപ്പത്തിൽ മനസ്സിലാക്കാം:
@@ -323,11 +323,11 @@ flowchart TD
 
 - ഹീറോ ഷിപ്പ്
 
-   ![Hero ship](../../../../translated_images/ml/player.dd24c1afa8c71e9b.png)
+   ![Hero ship](../../../../translated_images/ml/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 ഭീകരൻ
 
-   ![Monster ship](../../../../translated_images/ml/enemyShip.5df2a822c16650c2.png)
+   ![Monster ship](../../../../translated_images/ml/enemyShip.5df2a822c16650c2.webp)
 
 ### വികസനം തുടങ്ങാനുള്ള ശുപാർശ ചെയ്ത ഘട്ടങ്ങൾ
 
@@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 പരിപൂർണ്ണമായ ഫലം വേണ്ട വിധത്തിൽ ഇങ്ങനെ കാണുന്നതാണ്:  
 
-![Black screen with a hero and 5*5 monsters](../../../../translated_images/ml/partI-solution.36c53b48c9ffae2a.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/ml/partI-solution.36c53b48c9ffae2a.webp)
 
 ## പരിഹാരം
 
diff --git a/translations/ml/6-space-game/5-keeping-score/README.md b/translations/ml/6-space-game/5-keeping-score/README.md
index 885738041..9f8b13855 100644
--- a/translations/ml/6-space-game/5-keeping-score/README.md
+++ b/translations/ml/6-space-game/5-keeping-score/README.md
@@ -155,7 +155,7 @@ sequenceDiagram
     end
 ```
 - **സ്കോറിംഗ് സിസ്റ്റം**: ഓരോ നശിച്ച ശത്രു കപ്പലും 100 പോയിന്റ് നൽകുന്നു (ചുറ്റും പറ്റിയ സംഖ്യകൾ മental കണക്കാക്കാൻ എളുപ്പമാണ്). സ്കോർ സ്ക്രീന്റെ താഴ് വലത് കോണിൽ പ്രദർശിപ്പിക്കും.
-- **ലൈഫ് കൗണ്ടർ**: നിങ്ങളുടെ ഹീറോ മൂന്നു ലൈവുകളുമായാണ് ആരംഭിക്കുക - ആദിമ ആർക്കേഡ് ഗെയിമുകൾ സ്ഥാപിച്ച സ്റ്റാൻഡേർഡ്, ഈ ചെറിയ সংখ্যা പ്ലേയ്‌ബിലിറ്റിക്കൊപ്പം വെല്ലുവിളി കൂട്ടുന്നു. ഓരോ ശത്രു കൂട്ടിയിടിപ്പും ഒരു ലൈഫ് നഷ്ടപ്പെടുന്നു. ബാക്കിയുള്ള ലൈവുകൾ താഴ് വലതു കോണിൽ കപ്പൽ ഐക്കണുകളിലായി ( ![life image](../../../../translated_images/ml/life.6fb9f50d53ee0413.png) ) കാണിക്കും.
+- **ലൈഫ് കൗണ്ടർ**: നിങ്ങളുടെ ഹീറോ മൂന്നു ലൈവുകളുമായാണ് ആരംഭിക്കുക - ആദിമ ആർക്കേഡ് ഗെയിമുകൾ സ്ഥാപിച്ച സ്റ്റാൻഡേർഡ്, ഈ ചെറിയ সংখ্যা പ്ലേയ്‌ബിലിറ്റിക്കൊപ്പം വെല്ലുവിളി കൂട്ടുന്നു. ഓരോ ശത്രു കൂട്ടിയിടിപ്പും ഒരു ലൈഫ് നഷ്ടപ്പെടുന്നു. ബാക്കിയുള്ള ലൈവുകൾ താഴ് വലതു കോണിൽ കപ്പൽ ഐക്കണുകളിലായി ( ![life image](../../../../translated_images/ml/life.6fb9f50d53ee0413.webp) ) കാണിക്കും.
 
 ## നമുക്ക് ആരംഭിക്കാം!
 
diff --git a/translations/ml/7-bank-project/1-template-route/README.md b/translations/ml/7-bank-project/1-template-route/README.md
index 7328d8fd5..2563a7f33 100644
--- a/translations/ml/7-bank-project/1-template-route/README.md
+++ b/translations/ml/7-bank-project/1-template-route/README.md
@@ -644,7 +644,7 @@ sequenceDiagram
   
 `history.pushState` ഉപയോഗിച്ചുകൊണ്ട് ബ്രൗസറിന്റെ നാവിഗേഷൻ ചരിത്രത്തിൽ പുതിയ എൻട്രികൾ സൃഷ്ടിക്കുന്നു. ബ്രൗസറിന്റെ പിന്നിലെ ബട്ടൺ നാളെ നീട്ടി നോക്കിയാൽ കാണാനാകും:
 
-![Screenshot of navigation history](../../../../translated_images/ml/history.7fdabbafa521e064.png)
+![Screenshot of navigation history](../../../../translated_images/ml/history.7fdabbafa521e064.webp)
 
 പിന്നിലെ ബട്ടൺ കുറേക്കാലം അമർത്തി നോക്കിയാൽ നിലവിലെ URL മാറി, ചരിത്രം അപ്‌ഡേറ്റ് ആയാലും അടുത്ത ടേംപ്ലേറ്റ് ഒരുപോലെയാണ് കാണിക്കുന്നത്.
 
diff --git a/translations/ml/7-bank-project/2-forms/README.md b/translations/ml/7-bank-project/2-forms/README.md
index a7ced348a..5332459e6 100644
--- a/translations/ml/7-bank-project/2-forms/README.md
+++ b/translations/ml/7-bank-project/2-forms/README.md
@@ -293,7 +293,7 @@ graph TD
 2. ബ്രൗസറിന്റെ അഡ്രസ് ബാറിലെ മാറ്റം ശ്രദ്ധിക്കുക
 3. പേജ് റീലോഡ് ആകുകയും URL-ൽ ഡാറ്റ കാണപ്പെടുകയും ചെയ്യുന്നുവെന്ന് ശ്രദ്ധിക്കുക
 
-![Register ബട്ടൺ ക്ലിക്കുചെയ്യുന്നതിന് ശേഷം ബ്രൗസറിന്റെ URL മാറ്റം സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/click-register.e89a30bf0d4bc9ca.png)
+![Register ബട്ടൺ ക്ലിക്കുചെയ്യുന്നതിന് ശേഷം ബ്രൗസറിന്റെ URL മാറ്റം സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP മെഥഡുകൾ താരതമ്യം
 
@@ -347,7 +347,7 @@ graph TD
 2. "Create Account" ബട്ടൺ അമർത്തുക
 3. നിങ്ങളുടെ ബ്രൗസറിൽ സർവർ പ്രതികരണം ശ്രദ്ധിക്കുക
 
-![localhost:5000/api/accounts ലൊക്കേഷൻ വഴി ബ്രൗസർ വിൻഡോ, ഉപയോക്തൃ ഡാറ്റയോടെ JSON സ്റ്റ്രിംഗ് കാണിക്കുന്നു](../../../../translated_images/ml/form-post.61de4ca1b964d91a.png)
+![localhost:5000/api/accounts ലൊക്കേഷൻ വഴി ബ്രൗസർ വിൻഡോ, ഉപയോക്തൃ ഡാറ്റയോടെ JSON സ്റ്റ്രിംഗ് കാണിക്കുന്നു](../../../../translated_images/ml/form-post.61de4ca1b964d91a.webp)
 
 **നിങ്ങൾ കാണേണ്ടത്:**
 - **ബ്ലൗസർ API എൻഡ്‌പോയിന്റിലേക്ക് റീഡയറക്ട് ചെയ്യുന്നു**
@@ -610,7 +610,7 @@ async function register() {
 3. **"Create Account" ക്ലിക്ക് ചെയ്യുക**
 4. **കോൺസോൾ സന്ദേശങ്ങളും ഉപയോക്തൃ പ്രതികരണങ്ങളും കണ്ട് ആസ്വദിക്കുക**
 
-![Browser console-ൽ ലോഗ് സന്ദേശം കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/browser-console.efaf0b51aaaf6778.png)
+![Browser console-ൽ ലോഗ് സന്ദേശം കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/browser-console.efaf0b51aaaf6778.webp)
 
 **നിങ്ങൾ കാണേണ്ടത്:**
 - **സബ്‌മിറ്റ് ബട്ടണിൽ ലോഡിംഗ് സ്വീകരണം**
@@ -784,7 +784,7 @@ input:focus:invalid {
 3. **യൂസർനെയിം ഫീൽഡിൽ പ്രത്യേക ചിഹ്നങ്ങൾ ഉപയോഗിക്കാൻ ശ്രമിക്കുക**
 4. **നെഗറ്റീവ് ബാലൻസ് നൽകുക**
 
-![ഫോർം സബ്‌മിറ്റ് ചെയ്യാൻ ശ്രമിക്കുമ്പോൾ നടന്ന സാധുത പിശക് സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/validation-error.8bd23e98d416c22f.png)
+![ഫോർം സബ്‌മിറ്റ് ചെയ്യാൻ ശ്രമിക്കുമ്പോൾ നടന്ന സാധുത പിശക് സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/validation-error.8bd23e98d416c22f.webp)
 
 **നിങ്ങൾ കാണുന്നതെന്താണെന്ന്:**
 - **ബ്രൗസർ സ്വതന്ത്ര സാധുത സന്ദേശങ്ങൾ പ്രദർശിപ്പിക്കുന്നു**
@@ -944,7 +944,7 @@ timeline
 
 ചെറിയൊരു സ്റ്റൈലിങ്ങ് ചെയ്ത് അവസാന ലോഗിൻ പേജ് നോക്കിനോക്കൂ:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/ml/result.96ef01f607bf856a.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/ml/result.96ef01f607bf856a.webp)
 
 ## പോസ്റ്റ് ലക്ചർ ക്വിസ്
 
diff --git a/translations/ml/7-bank-project/3-data/README.md b/translations/ml/7-bank-project/3-data/README.md
index ddb684e6a..f9a75084e 100644
--- a/translations/ml/7-bank-project/3-data/README.md
+++ b/translations/ml/7-bank-project/3-data/README.md
@@ -156,7 +156,7 @@ sequenceDiagram
     Server->>Browser: പൂർണ്ണമായ HTML പേജ് തിരിച്ചുവരിക്കുന്നു
     Browser->>User: പുതിയ പേജ് പ്രദർശിപ്പിക്കുന്നു (ഫ്ലാഷ്/പുതുക്കൽ)
 ```  
-![മൾട്ടി-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/mpa.7f7375a1a2d4aa77.png)
+![മൾട്ടി-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/mpa.7f7375a1a2d4aa77.webp)
 
 **ഇപ്പോൾ ഈ രീതിയെന്തുകൊണ്ട് ബുദ്ധിമുട്ടായി തോന്നി:**
 - ഓരോ ക്ലിക്കിനും പേജ് മുഴുവൻ പുനർനിർമ്മണം വേണമെന്ന് ആവശ്യപ്പെട്ടു
@@ -182,7 +182,7 @@ sequenceDiagram
     JavaScript->>Browser: പ്രത്യേക പേജ് ഘടകങ്ങൾ അപ്‌ഡേറ്റ് ചെയ്യുന്നു
     Browser->>User: അപ്‌ഡേറ്റു ചെയ്‌ത ഉള്ളടക്കം കാണിക്കുന്നു (റീലോഡ് ഇല്ലാതെ)
 ```  
-![സിംഗിൾ-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/spa.268ec73b41f992c2.png)
+![സിംഗിൾ-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/spa.268ec73b41f992c2.webp)
 
 **SPAകൾക്ക് ഇത് എവിടെ ഫണ്ട് നൽകുന്നു:**
 - വെറും മാറ്റപ്പെട്ട ഭാഗങ്ങൾ മാത്രം പുതുക്കുന്നു (അർത്ഥശാസ്ത്രപരമായ രീതിയിലാണ്)
@@ -516,7 +516,7 @@ if (data.error) {
 
 ഇപ്പോൾ, അസാധുവായ അക്കൗണ്ട് ഉപയോഗിച്ച് പരിശോധന നടത്തുമ്പോൾ, പേജ് തനിച്ചുതന്നെ സഹായകരമായ പിശകു സന്ദേശം കാണിക്കും!
 
-![ലോഗിൻ സമയത്ത് കാണിക്കുന്ന പിശകു സന്ദേശം കാണിക്കുന്ന സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/login-error.416fe019b36a6327.png)
+![ലോഗിൻ സമയത്ത് കാണിക്കുന്ന പിശകു സന്ദേശം കാണിക്കുന്ന സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/login-error.416fe019b36a6327.webp)
 
 #### ഘട്ടം 4: ആക്സസ്‌ബിലിറ്റിയിൽ ഉൾപ്പെടുത്തൽ
 
@@ -950,7 +950,7 @@ timeline
 
 ഇതാണ് ഒരു സ്റ്റൈലിംഗ് ചെയ്ത ഡാഷ്‌ബോർഡിന്റെ ഉദാഹരണ സ്ക്രീൻഷോട്ട്:
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/ml/screen2.123c82a831a1d14a.png)
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/ml/screen2.123c82a831a1d14a.webp)
 
 ഇതിനെ പകർത്തേണ്ടതില്ല - ഇതിനെ പ്രചോദനമായി ഉപയോഗിച്ച് നിന്റെ ആപ്പിനെ രൂപമാക്കൂ!
 
diff --git a/translations/ml/7-bank-project/4-state-management/README.md b/translations/ml/7-bank-project/4-state-management/README.md
index c39d2c8f0..c8517164f 100644
--- a/translations/ml/7-bank-project/4-state-management/README.md
+++ b/translations/ml/7-bank-project/4-state-management/README.md
@@ -187,7 +187,7 @@ mindmap
 
 പിന്നിലേക്ക് തിരിയാതെ, നാം ഒരു **കേന്ദ്രികൃത സ്റ്റേറ്റ് മാനേജ്മെന്റ്** സിസ്റ്റം സൃഷ്ടിക്കും. ഇത് എല്ലാ പ്രധാന കാര്യങ്ങളും നിയന്ത്രിക്കുന്ന ഒരാൾ ഉണ്ടാകുന്ന പോലെ ആലോചിക്കുക:  
 
-![HTML, ഉപയോക്തൃ നടപടികൾ, സ്റ്റേറ്റ് എന്നിവയിലെ ഡാറ്റ പ്രവാഹം കാണിക്കുന്ന സ്കീമ](../../../../translated_images/ml/data-flow.fa2354e0908fecc8.png)
+![HTML, ഉപയോക്തൃ നടപടികൾ, സ്റ്റേറ്റ് എന്നിവയിലെ ഡാറ്റ പ്രവാഹം കാണിക്കുന്ന സ്കീമ](../../../../translated_images/ml/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -799,7 +799,7 @@ timeline
 
 അസൈൻമെന്റ് പൂര്‍ത്തിയാക്കിയതിന് ശേഷം വരുന്ന ഫലത്തിൻ്റെ ഉദാഹരണം:
 
-!["Add transaction" ഡയലോഗിന്റെ ആകൃതി കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/dialog.93bba104afeb79f1.png)
+!["Add transaction" ഡയലോഗിന്റെ ആകൃതി കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/ml/7-bank-project/4-state-management/assignment.md b/translations/ml/7-bank-project/4-state-management/assignment.md
index bfb728864..eebbb7a5a 100644
--- a/translations/ml/7-bank-project/4-state-management/assignment.md
+++ b/translations/ml/7-bank-project/4-state-management/assignment.md
@@ -113,7 +113,7 @@ CO_OP_TRANSLATOR_METADATA:
 **പ്രതീക്ഷിച്ച ഫലം:**
 ഈ അസൈൻമെന്റ് പൂര്‍ത്തിയാക്കിയതിനു ശേഷം നിങ്ങളുടെ ബാങ്കിങ് ആപ്പിൽ പ്രൊഫഷണൽ രൂപത്തിലുള്ള ഒരു പൂർണ്ണമായ "Add Transaction" ഫീച്ചർ ഉണ്ടായിരിക്കണം:
 
-![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/ml/dialog.93bba104afeb79f1.png)
+![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/ml/dialog.93bba104afeb79f1.webp)
 
 ## നിങ്ങളുടെ നടപ്പാക്കൽ ടെസ്റ്റ് ചെയ്യുക
 
diff --git a/translations/ml/7-bank-project/README.md b/translations/ml/7-bank-project/README.md
index 47c7ab548..44cf2e99b 100644
--- a/translations/ml/7-bank-project/README.md
+++ b/translations/ml/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ഈ പ്രോജക്ടിൽ, നിങ്ങൾ ഒരു خیالی ബാങ്ക് എങ്ങനെ നിർമ്മിക്കാമെന്ന് പഠിക്കും. ഈ പഠനങ്ങളിൽ ഒരു വെബ് ആപ്പ് എങ്ങനെൽയൗട്ട് ചെയ്യാം, റൂട്ടുകൾ എങ്ങനെ നൽകാം, ഫോമുകൾ നിർമ്മിക്കുക, സ്റ്റേറ്റ് മാനേജ് ചെയ്യുക, ബാങ്കിന്റെ ഡാറ്റ ലഭിക്കുന്ന API-യിൽ നിന്ന് ഡാറ്റ എങ്ങനെ ഫിച്ച് ചെയ്യാം എന്നതിനെക്കുറിച്ചുള്ള നിർദ്ദേശങ്ങൾ ഉൾបទമാണ്.
 
-| ![Screen1](../../../translated_images/ml/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ml/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/ml/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/ml/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## പാഠങ്ങൾ
diff --git a/translations/ml/8-code-editor/1-using-a-code-editor/README.md b/translations/ml/8-code-editor/1-using-a-code-editor/README.md
index 1f81ff8a1..67aabb922 100644
--- a/translations/ml/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/ml/8-code-editor/1-using-a-code-editor/README.md
@@ -182,7 +182,7 @@ VSCode.dev ഈ കഴിവുകൾ നിങ്ങളുടെ ബ്രൗസ
 
 എല്ലാം ലോഡ് ചെയ്തതിനു ശേഷം, നിങ്ങൾ മനോഹരമായി ശുചിത്വമുള്ള ഒരു വേർക്ക്സ്പേസ് കാണും, അഭിപ്രായങ്ങൾക്ക് നിർദ്ദേശിക്കപ്പെടുന്നത് – നിങ്ങളുടെ കോഡ് ആണ് പ്രധാനങ്ങൾ!
 
-![Default VSCode.dev interface](../../../../translated_images/ml/default-vscode-dev.5d06881d65c1b323.png)
+![Default VSCode.dev interface](../../../../translated_images/ml/default-vscode-dev.5d06881d65c1b323.webp)
 
 **ഇവിടെ നിങ്ങളുടെ അയൽക്കൂട്ടത്തിന്റെ ടൂർ:**
 - **ആക്ടിവിറ്റി ബാർ** (ഇടതു വശത്ത് സ്ട്രിപ്പ്): എക്സ്പ്ലോറർ 📁, തിരയൽ 🔍, സോഴ്‌സ് കൺട്രോൾ 🌿, എക്സ്റ്റൻഷൻസ് 🧩, ക്രമീകരണങ്ങൾ ⚙️ എന്നിവയടങ്ങിയ പ്രധാന നാവിഗേഷൻ  
@@ -229,7 +229,7 @@ flowchart TB
 1. [vscode.dev](https://vscode.dev) സന്ദർശിക്കുക, ഇതിനകം അവിടെ ഇല്ലെങ്കിൽ  
 2. സ്വാഗതപ്പടിയിലെ "Open Remote Repository" ബട്ടൺ കണ്ടെത്തി ക്ലിക്ക് ചെയ്യുക  
 
-   ![Open remote repository](../../../../translated_images/ml/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Open remote repository](../../../../translated_images/ml/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. ഏതൊരു GitHub റിപ്പോസിറ്ററി URL പേസ്റ്റ് ചെയ്യുക (ഉദാ: `https://github.com/microsoft/Web-Dev-For-Beginners`)  
 4. Enter അമർത്തി ഞെട്ടിക്കുന്ന മാറ്റം കാണുക!
@@ -238,7 +238,7 @@ flowchart TB
 
 കോഡിംഗ് അപാരമായി സൃഷ്ടിക്കാനുള്ള ആഗ്രഹമുണ്ടോ? ഈ കീബോർഡ് ഷോർട്ട്കട്ട് ട്രൈ ചെയ്യൂ: Ctrl+Shift+P (മാക്‌സിൽ Cmd+Shift+P) കമാൻഡ് അലയം തുറക്കാൻ:
 
-![Command Palette](../../../../translated_images/ml/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/ml/palette-menu.4946174e07f42622.webp)
 
 **കമാൻഡ് പാളറ്റ് എല്ലാം ചെയ്യാൻ കഴിയുന്ന ഒരു തിരയൽ എഞ്ചിൻ പോലെയാണ്:**
 - "open remote" ടൈപ്പ് ചെയ്യുക, ഇത് റിപ്പോസിറ്ററി ഓപ്പണറെ കണ്ടെത്തും  
@@ -300,7 +300,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക
 3. അനുയോജ്യമായ ഒരുകീഴിൽ നിന്നുള്ള ഫയൽനാമം നൽകുക (`style.css`, `script.js`, `index.html`)  
 4. Enter അമർത്തി ഫയൽ സൃഷ്ടിക്കുക  
 
-![Creating a new file](../../../../translated_images/ml/create-new-file.2814e609c2af9aeb.png)
+![Creating a new file](../../../../translated_images/ml/create-new-file.2814e609c2af9aeb.webp)
 
 **നാമകരണം ചട്ടങ്ങൾ:**
 - ഫയലിന്റെ ഉദ്ദേശ്യം വ്യക്തമാക്കുന്ന വിവരണാത്മക നാമങ്ങൾ ഉപയോഗിക്കുക  
@@ -318,7 +318,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക
 2. ടൈപ്പ് ആരംഭിച്ച് VSCode.dev നിങ്ങളുടെ സഹായത്തോടെ നിറം, നിർദ്ദേശങ്ങൾ, പിശക് കണ്ടെത്തൽ എന്നിവ കാണിക്കുക  
 3. Ctrl+S (Windows/Linux) അല്ലെങ്കിൽ Cmd+S (Mac) ഉപയോഗിച്ച് ജോലിസേവ് ചെയ്യുക – എന്നാൽ അത് ഓട്ടോസേവും ചെയ്യുന്നു!  
 
-![Editing files in VSCode.dev](../../../../translated_images/ml/edit-a-file.52c0ee665ef19f08.png)
+![Editing files in VSCode.dev](../../../../translated_images/ml/edit-a-file.52c0ee665ef19f08.webp)
 
 **നിങ്ങൾ കോഡ് ചെയ്യുമ്പോൾ സംഭവിക്കുന്ന കൂൾ കാര്യങ്ങൾ:**
 - നിങ്ങളുടെ കോഡ് മനോഹരമായി കളർ കോഡുചെയ്യപ്പെട്ടിരിക്കുന്നു, വായിക്കാൻ എളുപ്പം  
@@ -339,7 +339,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക
 2. മാറ്റം വരുത്തിയ ഫയലുകൾ "Changes" വിഭാഗത്തിൽ കാണാം  
 3. കളർ കോഡിംഗ് മാറ്റങ്ങളുടെ തരം സൂചിപ്പിക്കുന്നു: കൂട്ടിച്ചേർത്തത് പച്ച, നീക്കംചെയ്‌തു ചുവപ്പ്  
 
-![Viewing changes in Source Control](../../../../translated_images/ml/working-tree.c58eec08e6335c79.png)
+![Viewing changes in Source Control](../../../../translated_images/ml/working-tree.c58eec08e6335c79.webp)
 
 **നിങ്ങളുടെ ജോലി (കമിറ്റ് പ്രവൃത്തി പ്രവാഹം) സംരക്ഷിക്കൽ:**
 
@@ -431,7 +431,7 @@ mindmap
 2. ചുറ്റുമുളളത് പരീക്ഷിക്കുക അല്ലെങ്കിൽ ഒരു പ്രത്യേകതു തിരയുക
 3. ഇന്ററെസ്റ്റിങ്ങ് പോലെ തോന്നുന്നതിൽ ക്ലിക്ക് ചെയ്യുക കൂടുതൽ അറിയാൻ
 
-![Extension marketplace interface](../../../../translated_images/ml/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/ml/extensions.eca0e0c7f59a10b5.webp)
 
 **ഇവിടെ നിങ്ങൾ കാണുന്നതെന്ത്:**
 
@@ -484,7 +484,7 @@ mindmap
 3. പൊപ്പ്-ഡൗൺ മെനുവിൽ നിന്ന് "Extension Settings" തിരഞ്ഞെടുക്കുക
 4. നിങ്ങൾക്ക് ഇഷ്ടപ്പെട്ട രീതിയിൽ ക്രമീകരണം ഇങ്ങനെ മാറ്റുക
 
-![Customizing extension settings](../../../../translated_images/ml/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/ml/extension-settings.21c752ae4f4cdb78.webp)
 
 **സാധാരണയായി മാറ്റം വരുത്താൻ സാധ്യതയുള്ളതുകൾ:**
 - നിങ്ങളുടെ കോഡിന്റെ ഫോർമാറ്റിംഗ് (ടാബുകൾ vs സ്പേസുകൾ, ലൈനിന്റെ നീളം തുടങ്ങിയവ)
diff --git a/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md
index c258ecd28..d07de9f88 100644
--- a/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ VSCode.dev ഒരു റിപോസിറ്ററി തുറക്കാൻ
 4. "Add initial HTML structure" എന്നുള്ള കമ്മിറ്റ് സന്ദേശം നൽകുക  
 5. "Commit new file" ക്ലിക്ക് ചെയ്ത് മാറ്റങ്ങൾ സേവ് ചെയ്യുക  
 
-![GitHub-ൽ ആദ്യ ഫയൽ സൃഷ്ടിക്കൽ](../../../../translated_images/ml/new-file-github.com.c886796d800e8056.png)
+![GitHub-ൽ ആദ്യ ഫയൽ സൃഷ്ടിക്കൽ](../../../../translated_images/ml/new-file-github.com.c886796d800e8056.webp)
 
 **ഈ ആരംഭം ചെയ്യുന്നതിലൂടെ സംഭവിക്കുന്നത്:**
 - **വ്യവസ്ഥാപിക്കുന്നു** ബോധ്യപ്പെട്ട HTML5 ഡോക്യുമെന്റ് ഘടന സെമാന്റിക് ഘടകങ്ങളോടെ  
@@ -104,7 +104,7 @@ VSCode.dev ഒരു റിപോസിറ്ററി തുറക്കാൻ
 
 ✅ **വിജയം സൂചിപ്പിക്കുന്നത്**: എക്‌സ്പ്ലോറർ സൈഡ്ബാറിൽ നിങ്ങളുടെ പ്രോജക്ട് ഫയലുകൾ കാണണം, പ്രധാന എഡിറ്റർ അരിയയിൽ `index.html` എഡിറ്റ് ചെയ്യാൻ ലഭ്യമാകും.
 
-![VSCode.dev-ൽ പ്രോജക്റ്റ് ലോഡ് ചെയ്തത്](../../../../translated_images/ml/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev-ൽ പ്രോജക്റ്റ് ലോഡ് ചെയ്തത്](../../../../translated_images/ml/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **ഇന്റർഫേസ് തുറക്കുന്നത് കാണുന്നതിന്:**
 - **എക്‌സ്പ്ലോറർ സൈഡ്ബാർ**: നിങ്ങളുടെ റിപോസിറ്ററിയിലെ ഫയലുകളും ഫോൾഡർ ഘടനയും **പ്രദർശിപ്പിക്കുന്നു**  
@@ -448,7 +448,7 @@ li:before {
 **ഇൻസ്റ്റാളേഷനുകഴിഞ്ഞുള്ള ഉടൻ ഫലങ്ങൾ:**  
 CodeSwing ഇൻസ്റ്റാൾ ചെയ്ത ഉടനെ, എഡിറ്ററിൽ നിങ്ങളുടെ റിസ്യൂം വെബ്സൈറ്റിന്റെ ലൈവ് പ്രിവ്യൂ കാണാം. മാറ്റങ്ങൾ വരുത്തുമ്പോൾ സൈറ്റ് എങ്ങനെ കാണപ്പെടുന്നു എന്ന് നേരിട്ടും തിരിച്ചറിയാം.
 
-![CodeSwing എക്സ്റ്റൻഷൻ ലൈവ് പ്രിവ്യൂ കാണിക്കുന്നു](../../../../translated_images/ml/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing എക്സ്റ്റൻഷൻ ലൈവ് പ്രിവ്യൂ കാണിക്കുന്നു](../../../../translated_images/ml/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **പുതിയ ഇന്റർഫേസ് വിശദീകരണം:**  
 - **സ്പ്ലിറ്റ് വ്യൂ**: ഒരു ഭാഗത്ത് കോഡ്, മറുവശത്ത് ലൈവ് പ്രിവ്യൂ കാണിക്കും  
diff --git a/translations/ml/9-chat-project/README.md b/translations/ml/9-chat-project/README.md
index 68e021c05..ac9d75b3d 100644
--- a/translations/ml/9-chat-project/README.md
+++ b/translations/ml/9-chat-project/README.md
@@ -60,7 +60,7 @@ print(response.choices[0].message.content)
 
 നിങ്ങളുടെ ഫിനിഷഡ് പ്രോജക്ട് ഹീറാണ്:
 
-![Chat app interface showing conversation between user and AI assistant](../../../translated_images/ml/screenshot.0a1ee0d123df681b.png)
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/ml/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ എഐ ആപ്ലിക്കേഷൻ വികസനത്തിലൂടെ നിങ്ങളുടെ പഠനയാത്ര
 
@@ -189,7 +189,7 @@ mindmap
 ```
 **അടിസ്ഥാന സിദ്ധാന്തം**: എഐ ആപ്ലിക്കേഷൻ വികസനം പരമ്പരാഗത വെബ് ഡവലപ്പ്മെന്റ് കഴിവുകളെ എഐ സേവന സംയോജനത്തോടെ സംയോജിപ്പിക്കുന്നു, ഉപയോക്താവിന് സ്വാഭാവികവും പ്രതികരണശീലമുള്ളതുമായ ബുദ്ധിമുട്ടില്ലാത്ത ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നു.
 
-![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/ml/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/ml/playground.d2b927122224ff8f.webp)
 
 **പ്ലേഗ്രൗണ്ട് ഇത്രയും ഉപകാരത്തിന് ഇടയായത് എന്തുകൊണ്ട്:**
 - **വിഭിന്ന എഐ മോഡലുകൾ** പോലുള്ള GPT-4o-mini, Claude തുടങ്ങിയവ പരീക്ഷിക്കാൻ (ഇവ എല്ലാവും मुफ़ത്!)
@@ -199,7 +199,7 @@ mindmap
 
 കുറച്ച് കളിച്ച് കഴിഞ്ഞാൽ "Code" ടാബിൽ ക്ലിക്ക് ചെയ്ത് നിങ്ങളുടെ പ്രോഗ്രാമിങ് ഭാഷ തിരഞ്ഞെടുക്കുക, തുടർനടപടികൾക്കുള്ള കോഡ് ലഭിക്കും.
 
-![Playground choice showing code generation options for different programming languages](../../../translated_images/ml/playground-choice.1d23ba7d407f4758.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/ml/playground-choice.1d23ba7d407f4758.webp)
 
 ## പൈത്തൺ ബാക്ക്എൻഡ് ഇന്റഗ്രേഷൻ സജ്ജമാക്കൽ
 
@@ -2351,14 +2351,14 @@ mindmap
 - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) സന്ദർശിക്കുക
 - മുകളിൽ-दക്ഷിണ കോണിൽ "Use this template" ക്ലിക്കുചെയ്യുക (GitHub ലോഗിൻ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക)
 
-![Create from template interface showing the green "Use this template" button](../../../translated_images/ml/template.67ad477109d29a2b.png)
+![Create from template interface showing the green "Use this template" button](../../../translated_images/ml/template.67ad477109d29a2b.webp)
 
 **പടിയൊന്ന്: Codespaces തുറക്കുക**
 - പുതിയതായി സൃഷ്ടിച്ച റിപോസിറ്ററി തുറക്കുക
 - പച്ച "Code" ബട്ടൺ ക്ലിക്ക് ചെയ്ത് "Codespaces" തിരഞ്ഞെടുക്കുക
 - "Create codespace on main" തിരഞ്ഞെടുക്കുക നിങ്ങളുടെ ഡെവലപ്പ്മെന്റ് പരിസരം ആരംഭിക്കാൻ
 
-![Create codespace interface with options for launching cloud development environment](../../../translated_images/ml/codespace.bcecbdf5d2747d3d.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/ml/codespace.bcecbdf5d2747d3d.webp)
 
 **പടിയൊന്ന്: പരിസരം ക്രമീകരിക്കൽ**
 നിങ്ങളുടെ Codespace ലോഡാകുമ്പോൾ ലഭ്യമാകും:
diff --git a/translations/ml/README.md b/translations/ml/README.md
index ec39adc9e..c32d339ed 100644
--- a/translations/ml/README.md
+++ b/translations/ml/README.md
@@ -72,13 +72,13 @@ Azure AI Foundry Discord Community യിൽ ചേരൂ
 
 ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
-![Background](../../translated_images/ml/background.148a8d43afde5730.png)
+![Background](../../translated_images/ml/background.148a8d43afde5730.webp)
 
 - അടിസ്ഥാന കാര്യങ്ങളിൽ നിന്നാരംഭിച്ച് RAG വരെ ഉൾക്കൊള്ളുന്ന പാഠങ്ങൾ.
 - GenAIയും നമ്മുടെ സഹപാഠിയുള്ള ആപ്പും ഉപയോഗിച്ച് ചരിത്രപ്രസിദ്ധ വ്യക്തികളുമായി തൽസമയ സംവാദം.
 - രസകരമായ കഥാരൂപകഥ, നിങ്ങൾകാലയാത്ര ചെയ്യുന്നു!
 
-![character](../../translated_images/ml/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/ml/character.5c0dd8e067ffd693.webp)
 
 
 ഓരോ പാഠത്തിലും പൂർത്തിയാക്കാനുള്ള അസൈൻമെന്റ്, അറിവ് പരിശോധന, വെല്ലുവിളി എന്നിവയുണ്ട്, പഠിക്കാനുള്ള വിഷയങ്ങൾ ഉൾക്കൊള്ളുന്നു:
@@ -115,7 +115,7 @@ Azure AI Foundry Discord Community യിൽ ചേരൂ
 
 നിങ്ങൾ സൃഷ്ടിച്ച റിപോസിറ്ററിയിൽ, **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. പുതിയ ഒരു Codespace നിങ്ങൾക്കായി സൃഷ്ടിക്കും.
 
-![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.webp)
 
 #### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ കോറിക്കുലം ലോക്കലായി ഓടിക്കുക
 
diff --git a/translations/ml/for-teachers.md b/translations/ml/for-teachers.md
index c7262e4a4..b416ec777 100644
--- a/translations/ml/for-teachers.md
+++ b/translations/ml/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloudയ്ക്ക് Common Cartridge പിന്തുണ കുറവാണ്. മുകളില്‍ പറയുന്ന Moodle ഫയല്‍ ഉപയോഗിക്കുക, അത് Canvas-ലും അപ്ലോഡ് ചെയ്യാം.
   - ഇറക്കുമതി ചെയ്ത ശേഷം, നിങ്ങളുടെ ടേം ഷെഡ്യൂളിന് അനുയോജ്യമായി മോഡ്യൂളുകളും, തീയ്യതികളും, ക്വിസുകളുടെ ക്രമീകരണങ്ങളും പരിശോധിക്കുക.
 
-![Moodle](../../translated_images/ml/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/ml/moodle.94eb93d714a50cb2.webp)
 > Moodle ക്ലാസ്സില്‍ പാഠ്യക്രമം
 
-![Canvas](../../translated_images/ml/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/ml/canvas.fbd605ff8e5b8aff.webp)
 > Canvas-ൽ പാഠ്യക്രമം
 
 ### ക്ലാസ്സ്‌റൂം ഇല്ലാതെ ഈ റിപ്പോ നേരിട്ട് ഉപയോഗിക്കുക
diff --git a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index ff870aadb..cd24a0a90 100644
--- a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 今天，我們將探索那些讓現代網頁開發不僅僅是可能，而且令人上癮的不可思議工具。我說的是Netflix、Spotify以及你最喜歡的獨立應用程式工作室的開發者每天都在使用的編輯器、瀏覽器和工作流程。而最讓人開心的是：大多數這些專業級、行業標準的工具都是完全免費的！
 
-![程式設計簡介](../../../../translated_images/mo/webdev101-programming.d6e3f98e61ac4bff.png)
+![程式設計簡介](../../../../translated_images/mo/webdev101-programming.d6e3f98e61ac4bff.webp)
 > [Tomomi Imura](https://twitter.com/girlie_mac) 的手繪筆記
 
 ```mermaid
diff --git a/translations/mo/1-getting-started-lessons/2-github-basics/README.md b/translations/mo/1-getting-started-lessons/2-github-basics/README.md
index e6a405e81..5f7c76a67 100644
--- a/translations/mo/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/mo/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 我們會一起踏上這段旅程，一步一步來。沒有匆忙，沒有壓力——只有你、我，以及一些即將成為你新好朋友的超酷工具！
 
-![GitHub 簡介](../../../../translated_images/mo/webdev101-github.8846d7971abef6f9.png)
+![GitHub 簡介](../../../../translated_images/mo/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -604,7 +604,7 @@ flowchart TD
 
 ✅ 找到 "適合初學者" 的儲存庫的一個好方法是 [透過標籤 'good-first-issue' 進行搜尋](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)。
 
-![本地複製儲存庫](../../../../translated_images/mo/clone_repo.5085c48d666ead57.png)
+![本地複製儲存庫](../../../../translated_images/mo/clone_repo.5085c48d666ead57.webp)
 
 有幾種複製程式碼的方法。一種方法是使用 HTTPS、SSH 或 GitHub CLI（命令列介面）來 "克隆" 儲存庫的內容。
 
diff --git a/translations/mo/1-getting-started-lessons/3-accessibility/README.md b/translations/mo/1-getting-started-lessons/3-accessibility/README.md
index 76b592087..1b52838fe 100644
--- a/translations/mo/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/mo/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # 建立無障礙網頁
 
-![關於無障礙設計](../../../../translated_images/mo/webdev101-a11y.8ef3025c858d897a.png)
+![關於無障礙設計](../../../../translated_images/mo/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/mo/2-js-basics/1-data-types/README.md b/translations/mo/2-js-basics/1-data-types/README.md
index 38647c73d..40bb99b87 100644
--- a/translations/mo/2-js-basics/1-data-types/README.md
+++ b/translations/mo/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：資料型別
 
-![JavaScript 基礎 - 資料型別](../../../../translated_images/mo/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript 基礎 - 資料型別](../../../../translated_images/mo/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/mo/2-js-basics/2-functions-methods/README.md b/translations/mo/2-js-basics/2-functions-methods/README.md
index bc68fbbda..9e373e0bd 100644
--- a/translations/mo/2-js-basics/2-functions-methods/README.md
+++ b/translations/mo/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：方法與函數
 
-![JavaScript 基礎 - 函數](../../../../translated_images/mo/webdev101-js-functions.be049c4726e94f8b.png)
+![JavaScript 基礎 - 函數](../../../../translated_images/mo/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/mo/2-js-basics/3-making-decisions/README.md b/translations/mo/2-js-basics/3-making-decisions/README.md
index 507c3f041..f80cd999f 100644
--- a/translations/mo/2-js-basics/3-making-decisions/README.md
+++ b/translations/mo/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：做出決策
 
-![JavaScript 基礎 - 做出決策](../../../../translated_images/mo/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript 基礎 - 做出決策](../../../../translated_images/mo/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/mo/2-js-basics/4-arrays-loops/README.md b/translations/mo/2-js-basics/4-arrays-loops/README.md
index 8aa62851a..c8a1f0517 100644
--- a/translations/mo/2-js-basics/4-arrays-loops/README.md
+++ b/translations/mo/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript 基礎：陣列與迴圈
 
-![JavaScript 基礎 - 陣列](../../../../translated_images/mo/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript 基礎 - 陣列](../../../../translated_images/mo/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/mo/3-terrarium/1-intro-to-html/README.md b/translations/mo/3-terrarium/1-intro-to-html/README.md
index 044d1e1f9..3d4f7c1d0 100644
--- a/translations/mo/3-terrarium/1-intro-to-html/README.md
+++ b/translations/mo/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![HTML入門](../../../../translated_images/mo/webdev101-html.4389c2067af68e98.png)
+![HTML入門](../../../../translated_images/mo/webdev101-html.4389c2067af68e98.webp)
 > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供
 
 HTML，即超文本標記語言，是您曾經瀏覽過的每個網站的基礎。可以將HTML想像成網頁的骨架——它定義了內容的位置、組織方式以及每個部分的意義。雖然CSS稍後會用顏色和佈局來“裝飾”您的HTML，JavaScript則會通過互動性使其“活起來”，但HTML提供了使其他一切成為可能的基本結構。
@@ -88,7 +88,7 @@ mindmap
 4. 在Explorer面板中，點擊“New File”圖標
 5. 將文件命名為`index.html`
 
-![VS Code Explorer顯示新文件創建](../../../../translated_images/mo/vs-code-index.e2986cf919471eb9.png)
+![VS Code Explorer顯示新文件創建](../../../../translated_images/mo/vs-code-index.e2986cf919471eb9.webp)
 
 **選項2：使用終端命令**
 ```bash
diff --git a/translations/mo/3-terrarium/2-intro-to-css/README.md b/translations/mo/3-terrarium/2-intro-to-css/README.md
index 0b4a30fee..bdff14d11 100644
--- a/translations/mo/3-terrarium/2-intro-to-css/README.md
+++ b/translations/mo/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![CSS入門](../../../../translated_images/mo/webdev101-css.3f7af5991bf53a20.png)
+![CSS入門](../../../../translated_images/mo/webdev101-css.3f7af5991bf53a20.webp)
 > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供
 
 還記得你的HTML微型生態瓶看起來非常基本嗎？CSS就是用來將這個簡單的結構轉變成視覺上更吸引人的東西。
@@ -205,7 +205,7 @@ body {
 
 打開瀏覽器的開發者工具（F12），導航到“元素”選項卡，檢查你的`<h1>`元素。你會看到它繼承了`body`的字體：
 
-![繼承的字體](../../../../translated_images/mo/1.cc07a5cbe114ad1d.png)
+![繼承的字體](../../../../translated_images/mo/1.cc07a5cbe114ad1d.webp)
 
 ✅ **實驗時間**：嘗試在`<body>`上設置其他可繼承屬性，例如`color`、`line-height`或`text-align`。你的標題和其他元素會發生什麼變化？
 
@@ -599,7 +599,7 @@ flowchart LR
 
 你將創建微妙的高光，模擬光線如何在玻璃表面反射。這種方法類似於文藝復興時期的畫家如 Jan van Eyck 如何使用光線和反射使繪製的玻璃看起來具有三維效果。以下是你的目標：
 
-![完成的玻璃瓶](../../../../translated_images/mo/terrarium-final.2f07047ffc597d0a.png)
+![完成的玻璃瓶](../../../../translated_images/mo/terrarium-final.2f07047ffc597d0a.webp)
 
 **你的挑戰：**
 - **創建** 微妙的白色或淺色橢圓形作為玻璃反射效果
diff --git a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md
index f5513b87f..40123b91f 100644
--- a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM 和閉包](../../../../translated_images/mo/webdev101-js.10280393044d7eaa.png)
+![DOM 和閉包](../../../../translated_images/mo/webdev101-js.10280393044d7eaa.webp)
 > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供
 
 歡迎來到網頁開發中最有趣的部分之一——讓網頁變得互動！文檔物件模型（DOM）就像是 HTML 和 JavaScript 之間的橋樑，今天我們將利用它讓你的微型生態瓶活起來。當 Tim Berners-Lee 創建第一個網頁瀏覽器時，他設想了一個可以動態和互動的網頁世界，而 DOM 使這一願景成為可能。
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.png)
+![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM 的表示及其引用的 HTML 標記。來源：[Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **理解閉包**：閉包是 JavaScript 中的重要主題，許多開發者在使用多年後才完全掌握其理論方面。今天，我們專注於實際應用——你將看到閉包在構建我們的互動功能時自然地出現。隨著你了解它如何解決實際問題，理解也會逐漸加深。
 
-![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.png)
+![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM 的表示及其引用的 HTML 標記。來源：[Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -598,7 +598,7 @@ function stopElementDrag() {
 - **跨設備支援**：適用於桌面和移動設備
 - **效能意識**：無記憶體洩漏或冗餘計算
 
-![完成的微型花園](../../../../translated_images/mo/terrarium-final.0920f16e87c13a84.png)
+![完成的微型花園](../../../../translated_images/mo/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/mo/3-terrarium/solution/README.md b/translations/mo/3-terrarium/solution/README.md
index 4351ff164..76541fe74 100644
--- a/translations/mo/3-terrarium/solution/README.md
+++ b/translations/mo/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 一個小型的拖放式程式冥想。只需一些 HTML、JS 和 CSS，你就可以建立一個網頁介面，設計它，並添加互動功能。
 
-![我的微型植物園](../../../../translated_images/mo/screenshot_gray.0c796099a1f9f25e.png)
+![我的微型植物園](../../../../translated_images/mo/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## 致謝
 
diff --git a/translations/mo/5-browser-extension/1-about-browsers/README.md b/translations/mo/5-browser-extension/1-about-browsers/README.md
index 6517b7cb4..adfcf6ec8 100644
--- a/translations/mo/5-browser-extension/1-about-browsers/README.md
+++ b/translations/mo/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![瀏覽器手繪筆記](../../../../translated_images/mo/browser.60317c9be8b7f84a.jpg)
+![瀏覽器手繪筆記](../../../../translated_images/mo/browser.60317c9be8b7f84a.webp)
 > 手繪筆記由 [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) 提供
 
 ## 課前測驗
@@ -79,7 +79,7 @@ mindmap
 
 ✅ **一點歷史**：第一個瀏覽器名為 'WorldWideWeb'，由 Timothy Berners-Lee 爵士於 1990 年創建。
 
-![早期瀏覽器](../../../../translated_images/mo/earlybrowsers.d984b711cdf3a42d.jpg)
+![早期瀏覽器](../../../../translated_images/mo/earlybrowsers.d984b711cdf3a42d.webp)
 > 一些早期的瀏覽器，圖片來源 [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### 瀏覽器如何處理網頁內容
@@ -198,7 +198,7 @@ quadrantChart
 
 了解擴充功能的安裝過程有助於您預測用戶在安裝您的擴充功能時的體驗。安裝過程在現代瀏覽器中是標準化的，介面設計略有不同。
 
-![Edge 瀏覽器截圖，顯示打開的 edge://extensions 頁面和打開的設置菜單](../../../../translated_images/mo/install-on-edge.d68781acaf0b3d3d.png)
+![Edge 瀏覽器截圖，顯示打開的 edge://extensions 頁面和打開的設置菜單](../../../../translated_images/mo/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **重要**：在測試您自己的擴充功能時，請確保開啟開發者模式並允許來自其他商店的擴充功能。
 
@@ -313,10 +313,10 @@ project-root/
 ### 擴充功能視圖概述
 
 **設置視圖** - 初次使用者配置：
-![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/mo/1.b6da8c1394b07491.png)
+![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/mo/1.b6da8c1394b07491.webp)
 
 **結果視圖** - 顯示碳足跡數據：
-![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/mo/2.1dae52ff08042246.png)
+![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/mo/2.1dae52ff08042246.webp)
 
 ### 建立配置表單
 
diff --git a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md
index 10b6e2a48..9a37ffadd 100644
--- a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![本地存儲面板](../../../../translated_images/mo/localstorage.472f8147b6a3f8d1.png)
+![本地存儲面板](../../../../translated_images/mo/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **安全考量**：在生產應用中，將 API 密鑰存儲在 LocalStorage 中存在安全風險，因為 JavaScript 可以訪問這些數據。作為學習用途，這種方法是可以的，但真正的應用應該使用安全的伺服器端存儲來保存敏感憑據。
 
diff --git a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md
index 2c734db22..8605a9037 100644
--- a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ flowchart LR
 
 讓我們來試試看。打開一個網站（Microsoft.com 是個不錯的選擇），然後點擊「記錄」按鈕。現在刷新網頁，觀察分析器捕捉到的所有活動。停止記錄後，您將看到瀏覽器如何「腳本化」、「渲染」和「繪製」網站的詳細分解。這讓我想起了任務控制中心在火箭發射期間監控每個系統的方式——您可以獲得實時的數據，了解每件事情的發生時間和過程。
 
-![Edge profiler](../../../../translated_images/mo/profiler.5a4a62479c5df01c.png)
+![Edge profiler](../../../../translated_images/mo/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) 有更多詳細資訊，供您深入了解。
 
@@ -136,11 +136,11 @@ flowchart LR
 
 通過選擇剖析時間線的一部分並查看摘要窗格，獲得網頁效能的快照：
 
-![Edge profiler snapshot](../../../../translated_images/mo/snapshot.97750180ebcad737.png)
+![Edge profiler snapshot](../../../../translated_images/mo/snapshot.97750180ebcad737.webp)
 
 檢查事件日誌窗格，查看是否有任何事件超過 15 毫秒：
 
-![Edge event log](../../../../translated_images/mo/log.804026979f3707e0.png)
+![Edge event log](../../../../translated_images/mo/log.804026979f3707e0.webp)
 
 ✅ 熟悉您的分析器！在此網站上打開開發者工具，看看是否有任何瓶頸。哪個資產加載最慢？最快？
 
diff --git a/translations/mo/5-browser-extension/README.md b/translations/mo/5-browser-extension/README.md
index ec7beea3b..4f8cfa2e0 100644
--- a/translations/mo/5-browser-extension/README.md
+++ b/translations/mo/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### 致謝
 
-![一個綠色的瀏覽器擴充功能](../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![一個綠色的瀏覽器擴充功能](../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 致謝
 
diff --git a/translations/mo/5-browser-extension/solution/README.md b/translations/mo/5-browser-extension/solution/README.md
index ffc2ef546..91f2a2245 100644
--- a/translations/mo/5-browser-extension/solution/README.md
+++ b/translations/mo/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。
 
-![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 快速開始
 
@@ -31,7 +31,7 @@ npm run build
 
 在 Edge 瀏覽器中安裝擴充功能，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此透過電子郵件獲取](https://www.co2signal.com/) - 在此頁面輸入您的電子郵件）以及對應於 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用「US-NEISO」）[區域代碼查詢](http://api.electricitymap.org/v3/zones)。
 
-![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應該會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念是受到 [Energy Lollipop 擴充功能](https://energylollipop.com/)（針對加州排放）的啟發。
 
diff --git a/translations/mo/5-browser-extension/solution/translation/README.fr.md b/translations/mo/5-browser-extension/solution/translation/README.fr.md
index 821c70182..f7c4018d0 100644
--- a/translations/mo/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/mo/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 C02 Signal API 來追蹤電力消耗，創建一個瀏覽器擴充套件，讓您可以直接在瀏覽器中獲得您所在地區的電力消耗提醒。使用這個即時擴充套件可以幫助您根據這些資訊對您的活動做出判斷。
 
-![擴充套件截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![擴充套件截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 開始
 
@@ -31,7 +31,7 @@ npm run build
 
 要在 Edge 上安裝，請使用瀏覽器右上角的「三點」選單找到擴充套件面板。從那裡選擇「載入未壓縮的擴充套件」以載入新的擴充套件。在提示中打開 'dist' 資料夾，擴充套件就會被載入。要使用此擴充套件，您需要一個 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面上的框中輸入您的電子郵件）以及對應於 [電力地圖](https://www.electricitymap.org/map) 的 [地區代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，我使用 'US-NEISO'）。
 
-![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 當 API 金鑰和地區代碼輸入到擴充套件介面後，瀏覽器擴充套件欄中的彩色點應該會改變，以反映您所在地區的能源消耗，並為您提供指標，幫助您判斷是否適合進行耗能活動。這個「點」系統的概念是受到 [Energy Lollipop 擴充套件](https://energylollipop.com/) 的啟發，用於加州的排放量指標。
 
diff --git a/translations/mo/5-browser-extension/solution/translation/README.hi.md b/translations/mo/5-browser-extension/solution/translation/README.hi.md
index 1ba35caf4..a97dacc26 100644
--- a/translations/mo/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/mo/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，構建一個瀏覽器擴展，提醒您所在區域的電力使用是否繁重。使用此擴展可以幫助您根據這些信息來決定自己的活動。
 
-![擴展截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![擴展截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 開始
 
@@ -31,7 +31,7 @@ npm run build
 
 要在 Edge 上安裝，請使用瀏覽器右上角的“三點”菜單找到擴展面板。從那裡選擇“加載未打包的擴展”，然後在提示中打開“dist”文件夾，擴展就會加載。要使用它，您需要 CO2 Signal 的 API 密鑰（[通過電子郵件在此處獲取](https://www.co2signal.com/)——在該頁面的框中輸入您的電子郵件）以及 [您所在區域的代碼](http://api.electricitymap.org/v3/zones) [電力地圖](https://www.electricitymap.org/map)（例如，在波士頓，我使用“US-NEISO”）。
 
-![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 一旦 API 密鑰和區域代碼輸入到擴展界面中，瀏覽器擴展欄中的彩色點應該會根據您所在區域的能源使用情況進行變化，並為您提供一個指標，告訴您哪些能源密集型活動適合您的操作。這個“點”系統的概念是我從加州排放的 [Energy Lollipop 擴展](https://energylollipop.com/) 中獲得的靈感。
 
diff --git a/translations/mo/5-browser-extension/solution/translation/README.it.md b/translations/mo/5-browser-extension/solution/translation/README.it.md
index 0e815e391..6bdcf7051 100644
--- a/translations/mo/5-browser-extension/solution/translation/README.it.md
+++ b/translations/mo/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 我們將使用 tmrow 的 Signal C02 API 來監控電力使用情況，並創建一個瀏覽器擴充功能，讓您可以直接在瀏覽器中獲得提醒，了解所在區域的電力使用情況。使用這個專門的擴充功能可以幫助您根據這些資訊評估自己的活動。
 
-![擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 開始使用
 
@@ -31,7 +31,7 @@ npm run build
 
 要在 Edge 上安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。如果尚未啟用，請啟用開發者模式（左下角）。選擇「載入未壓縮的擴充功能」以載入新的擴充功能。在提示中打開 "dist" 資料夾，擴充功能就會被載入。要使用此擴充功能，您需要一個 CO2 Signal API 的 API 金鑰（可以[通過電子郵件在此處獲得](https://www.co2signal.com/) - 在該頁面上的框中輸入您的電子郵件）以及對應於[電力地圖](https://www.electricitymap.org/map)的[區域代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓是 "US-NEISO"）。
 
-![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 當 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能欄中的彩色點應該會改變，以反映該區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合執行。這個「點」系統的概念是基於加州排放的 [Energy Lollipop 擴充功能](https://energylollipop.com/) 提供的。
 
diff --git a/translations/mo/5-browser-extension/solution/translation/README.ja.md b/translations/mo/5-browser-extension/solution/translation/README.ja.md
index 87ff2c9c8..386c93f03 100644
--- a/translations/mo/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/mo/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，並在瀏覽器中顯示您所在地區的電力使用量作為提醒。透過這個瀏覽器擴充功能，您可以根據這些資訊來判斷自己的行動。
 
-![extension screenshot](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 開始使用
 
@@ -31,7 +31,7 @@ npm run build
 
 若要安裝到 Edge，請在瀏覽器右上角的「三點」選單中找到「擴充功能」面板。從那裡選擇「Load Unpacked」，然後載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會被載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰 ([在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面的框中輸入您的電子郵件)，以及 [Electricity Map](https://www.electricitymap.org/map) 對應的 [您所在地區的代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，使用 'US-NEISO'）。
 
-![installing](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 在擴充介面中輸入 API 金鑰和地區代碼後，瀏覽器擴充工具列中的彩色圓點會隨之變化，反映您所在地區的能源使用情況，並提示您進行哪些活動是適合的。這個「圓點」系統的概念靈感來自於加州排放量的 [Energy Lollipop 擴充功能](https://energylollipop.com/)。
 
diff --git a/translations/mo/5-browser-extension/solution/translation/README.ms.md b/translations/mo/5-browser-extension/solution/translation/README.ms.md
index 682059cce..3069e9f0d 100644
--- a/translations/mo/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/mo/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 CO2 Signal API 來監測電力使用情況，建立一個瀏覽器擴充功能，讓您能在瀏覽器中收到關於您所在區域電力使用情況的提醒。使用這個擴充功能可以幫助您根據這些資訊來調整您的活動。
 
-![瀏覽器擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![瀏覽器擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 從這裡開始
 
@@ -31,7 +31,7 @@ npm run build
 
 要在 Edge 瀏覽器中安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。根據提示打開 'dist' 資料夾，擴充功能就會被載入。要使用它，您需要一個 CO2 Signal API 的 API 金鑰（[在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在頁面上的框中輸入您的電子郵件）以及 [您的區域代碼](http://api.electricitymap.org/v3/zones)，該代碼與 [電力地圖](https://www.electricitymap.org/map) 相符（例如，在波士頓，我使用 'US-NEISO'）。
 
-![正在下載](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![正在下載](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 當您將 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能列上的彩色點將會改變，以反映您所在區域的能源使用情況，並提供您適合進行的活動建議。這個「點」系統的概念是受到 [Energy Lollipop 瀏覽器擴充功能](https://energylollipop.com/) 的啟發，該擴充功能專為加州的排放量設計。
 
diff --git a/translations/mo/5-browser-extension/start/README.md b/translations/mo/5-browser-extension/start/README.md
index b3ac7e9e5..77e9e4932 100644
--- a/translations/mo/5-browser-extension/start/README.md
+++ b/translations/mo/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。
 
-![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png)
+![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## 開始使用
 
@@ -31,7 +31,7 @@ npm run build
 
 在 Edge 瀏覽器中安裝擴充功能，使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面輸入您的電子郵件）以及對應 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用 'US-NEISO'，可在 [此處](http://api.electricitymap.org/v3/zones) 找到）。
 
-![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.png)
+![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.webp)
 
 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念來自 [Energy Lollipop 擴充功能](https://energylollipop.com/)，該擴充功能專注於加州的排放情況。
 
diff --git a/translations/mo/6-space-game/2-drawing-to-canvas/README.md b/translations/mo/6-space-game/2-drawing-to-canvas/README.md
index d33af6fe5..dde4475a1 100644
--- a/translations/mo/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/mo/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![Canvas 的網格](../../../../translated_images/mo/canvas_grid.5f209da785ded492.png)
+![Canvas 的網格](../../../../translated_images/mo/canvas_grid.5f209da785ded492.webp)
 > 圖片來源：[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 要在 Canvas 元素上繪圖，你需要遵循三個步驟，這是所有 Canvas 圖形的基礎。一旦你多次完成這些步驟，它就會變得非常自然：
@@ -329,11 +329,11 @@ flowchart TD
 
 - 英雄飛船
 
-   ![英雄飛船](../../../../translated_images/mo/player.dd24c1afa8c71e9b.png)
+   ![英雄飛船](../../../../translated_images/mo/player.dd24c1afa8c71e9b.webp)
 
 - 5×5 怪物
 
-   ![怪物飛船](../../../../translated_images/mo/enemyShip.5df2a822c16650c2.png)
+   ![怪物飛船](../../../../translated_images/mo/enemyShip.5df2a822c16650c2.webp)
 
 ### 建議的開發步驟
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 完成的結果應該看起來像這樣：
 
-![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/mo/partI-solution.36c53b48c9ffae2a.png)
+![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/mo/partI-solution.36c53b48c9ffae2a.webp)
 
 ## 解決方案
 
diff --git a/translations/mo/6-space-game/5-keeping-score/README.md b/translations/mo/6-space-game/5-keeping-score/README.md
index dff50776f..7afae896a 100644
--- a/translations/mo/6-space-game/5-keeping-score/README.md
+++ b/translations/mo/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **得分系統**：每摧毀一艘敵方飛船可獲得 100 分（整數更容易讓玩家心算）。得分顯示在左下角。
-- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/mo/life.6fb9f50d53ee0413.png)。
+- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/mo/life.6fb9f50d53ee0413.webp)。
 
 ## 開始建造！
 
diff --git a/translations/mo/7-bank-project/1-template-route/README.md b/translations/mo/7-bank-project/1-template-route/README.md
index 2d8da6dca..19e7414b1 100644
--- a/translations/mo/7-bank-project/1-template-route/README.md
+++ b/translations/mo/7-bank-project/1-template-route/README.md
@@ -652,7 +652,7 @@ sequenceDiagram
 
 使用 `history.pushState` 創建瀏覽器導航歷史中的新條目。您可以通過按住瀏覽器的*後退按鈕*來檢查，它應顯示如下內容：
 
-![導航歷史截圖](../../../../translated_images/mo/history.7fdabbafa521e064.png)
+![導航歷史截圖](../../../../translated_images/mo/history.7fdabbafa521e064.webp)
 
 如果您嘗試多次點擊後退按鈕，您會看到當前 URL 發生了變化，歷史記錄已更新，但顯示的模板保持不變。
 
diff --git a/translations/mo/7-bank-project/2-forms/README.md b/translations/mo/7-bank-project/2-forms/README.md
index 66ae2f5ba..21e31e054 100644
--- a/translations/mo/7-bank-project/2-forms/README.md
+++ b/translations/mo/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ graph TD
 2. 觀察瀏覽器地址欄的變化
 3. 注意頁面如何重新加載以及數據如何出現在URL中
 
-![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/mo/click-register.e89a30bf0d4bc9ca.png)
+![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/mo/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP方法比較
 
@@ -350,7 +350,7 @@ graph TD
 2. **點擊**"創建帳戶"按鈕
 3. **觀察**瀏覽器中的伺服器響應
 
-![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/mo/form-post.61de4ca1b964d91a.png)
+![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/mo/form-post.61de4ca1b964d91a.webp)
 
 **你應該看到：**
 - **瀏覽器重定向**到API端點URL
@@ -615,7 +615,7 @@ async function register() {
 3. **點擊**「建立帳戶」
 4. **觀察**主控台訊息和使用者回饋
 
-![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/mo/browser-console.efaf0b51aaaf6778.png)
+![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/mo/browser-console.efaf0b51aaaf6778.webp)
 
 **您應該看到：**
 - **加載狀態**出現在提交按鈕上
@@ -790,7 +790,7 @@ input:focus:invalid {
 3. **嘗試**在使用者名稱欄位中輸入特殊字元
 4. **輸入**負餘額金額
 
-![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/mo/validation-error.8bd23e98d416c22f.png)
+![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/mo/validation-error.8bd23e98d416c22f.webp)
 
 **您將觀察到：**
 - **瀏覽器顯示**原生驗證訊息
@@ -950,7 +950,7 @@ timeline
 
 以下是添加一些 CSS 樣式後，最終登入頁面的範例：
 
-![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/mo/result.96ef01f607bf856a.png)
+![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/mo/result.96ef01f607bf856a.webp)
 
 ## 課後測驗
 
diff --git a/translations/mo/7-bank-project/3-data/README.md b/translations/mo/7-bank-project/3-data/README.md
index 9cf9340d4..5facc53b3 100644
--- a/translations/mo/7-bank-project/3-data/README.md
+++ b/translations/mo/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![多頁應用程式的更新工作流程](../../../../translated_images/mo/mpa.7f7375a1a2d4aa77.png)
+![多頁應用程式的更新工作流程](../../../../translated_images/mo/mpa.7f7375a1a2d4aa77.webp)
 
 **為什麼這種方法感覺很笨重：**
 - 每次點擊都意味著完全重建整個頁面
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![單頁應用程式的更新工作流程](../../../../translated_images/mo/spa.268ec73b41f992c2.png)
+![單頁應用程式的更新工作流程](../../../../translated_images/mo/spa.268ec73b41f992c2.webp)
 
 **為什麼 SPA 感覺更好：**
 - 只有實際更改的部分會被更新（聰明吧？）
@@ -523,7 +523,7 @@ if (data.error) {
 
 現在，當你使用無效帳號進行測試時，會在頁面上看到有用的錯誤訊息！
 
-![顯示登入錯誤訊息的截圖](../../../../translated_images/mo/login-error.416fe019b36a6327.png)
+![顯示登入錯誤訊息的截圖](../../../../translated_images/mo/login-error.416fe019b36a6327.webp)
 
 #### 步驟 4：注重無障礙設計
 
@@ -961,7 +961,7 @@ timeline
 
 以下是一個精美儀表板的示例：
 
-![儀表板樣例結果的截圖](../../../../translated_images/mo/screen2.123c82a831a1d14a.png)
+![儀表板樣例結果的截圖](../../../../translated_images/mo/screen2.123c82a831a1d14a.webp)
 
 不必完全匹配此設計——將其作為靈感，創造屬於你的風格！
 
diff --git a/translations/mo/7-bank-project/4-state-management/README.md b/translations/mo/7-bank-project/4-state-management/README.md
index 20938fcda..dc4a9769a 100644
--- a/translations/mo/7-bank-project/4-state-management/README.md
+++ b/translations/mo/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ mindmap
 
 與其徒勞無功地追逐問題，我們將創建一個**集中式狀態管理**系統。可以將其想像成一個非常有條理的人，負責所有重要的事情：
 
-![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/mo/data-flow.fa2354e0908fecc8.png)
+![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/mo/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -804,7 +804,7 @@ timeline
 
 以下是完成作業後的示例結果：
 
-![顯示示例“添加交易”對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.png)
+![顯示示例“添加交易”對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/mo/7-bank-project/4-state-management/assignment.md b/translations/mo/7-bank-project/4-state-management/assignment.md
index cef3967ff..d26ba350f 100644
--- a/translations/mo/7-bank-project/4-state-management/assignment.md
+++ b/translations/mo/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **預期結果：**
 完成這項作業後，您的銀行應用程式應具備一個功能完善的「新增交易」功能，並且外觀和行為都達到專業水準：
 
-![顯示範例「新增交易」對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.png)
+![顯示範例「新增交易」對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.webp)
 
 ## 測試您的實現
 
diff --git a/translations/mo/7-bank-project/README.md b/translations/mo/7-bank-project/README.md
index c45262a31..bb8f501ff 100644
--- a/translations/mo/7-bank-project/README.md
+++ b/translations/mo/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 在這個專案中，你將學習如何建立一個虛構的銀行。這些課程包含了如何設計網頁應用程式的佈局和路由、建立表單、管理狀態，以及從 API 獲取銀行數據的教學。
 
-| ![Screen1](../../../translated_images/mo/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/mo/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/mo/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/mo/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## 課程
diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/README.md b/translations/mo/8-code-editor/1-using-a-code-editor/README.md
index 132a96fbb..8be9be01a 100644
--- a/translations/mo/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/mo/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ VSCode.dev 將這些功能帶到你的瀏覽器中：
 
 一切加載完成後，你會看到一個設計簡潔的工作空間，旨在讓你專注於重要的事情——你的程式碼！
 
-![VSCode.dev 預設界面](../../../../translated_images/mo/default-vscode-dev.5d06881d65c1b323.png)
+![VSCode.dev 預設界面](../../../../translated_images/mo/default-vscode-dev.5d06881d65c1b323.webp)
 
 **以下是你的工作空間導覽：**
 - **活動欄**（左側的那條）：你的主要導航，包括 Explorer 📁、Search 🔍、Source Control 🌿、Extensions 🧩 和 Settings ⚙️
@@ -233,7 +233,7 @@ flowchart TB
 1. 如果你還未進入，請前往 [vscode.dev](https://vscode.dev)
 2. 在歡迎界面上找到「Open Remote Repository」按鈕並點擊
 
-   ![打開遠端儲存庫](../../../../translated_images/mo/open-remote-repository.bd9c2598b8949e7f.png)
+   ![打開遠端儲存庫](../../../../translated_images/mo/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. 貼上任何 GitHub 儲存庫 URL（試試這個：`https://github.com/microsoft/Web-Dev-For-Beginners`）
 4. 按下 Enter，見證奇蹟！
@@ -242,7 +242,7 @@ flowchart TB
 
 想感受像程式碼巫師一樣的感覺嗎？試試這個鍵盤快捷鍵：Ctrl+Shift+P（Mac 上為 Cmd+Shift+P）打開命令面板：
 
-![命令面板](../../../../translated_images/mo/palette-menu.4946174e07f42622.png)
+![命令面板](../../../../translated_images/mo/palette-menu.4946174e07f42622.webp)
 
 **命令面板就像一個搜索引擎，能找到你能做的一切：**
 - 輸入「open remote」，它會幫你找到儲存庫打開器
@@ -304,7 +304,7 @@ flowchart TB
 3. 輸入檔案名，包括適當的副檔名（例如 `style.css`、`script.js`、`index.html`）
 4. 按下 Enter 創建檔案
 
-![創建新檔案](../../../../translated_images/mo/create-new-file.2814e609c2af9aeb.png)
+![創建新檔案](../../../../translated_images/mo/create-new-file.2814e609c2af9aeb.webp)
 
 **命名規則：**
 - 使用描述性名稱來指示檔案用途
@@ -322,7 +322,7 @@ flowchart TB
 2. 開始輸入，觀察 VSCode.dev 如何用顏色、建議和錯誤檢測幫助你
 3. 使用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存你的工作——雖然它也會自動保存！
 
-![在 VSCode.dev 中編輯檔案](../../../../translated_images/mo/edit-a-file.52c0ee665ef19f08.png)
+![在 VSCode.dev 中編輯檔案](../../../../translated_images/mo/edit-a-file.52c0ee665ef19f08.webp)
 
 **編碼時發生的酷炫事情：**
 - 你的程式碼會被美麗地著色，便於閱讀
@@ -343,7 +343,7 @@ flowchart TB
 2. 修改過的檔案會出現在「更改」部分
 3. 顏色編碼指示更改類型：綠色表示新增，紅色表示刪除
 
-![在原始碼控制中查看更改](../../../../translated_images/mo/working-tree.c58eec08e6335c79.png)
+![在原始碼控制中查看更改](../../../../translated_images/mo/working-tree.c58eec08e6335c79.webp)
 
 **保存你的工作（提交工作流程）：**
 
@@ -437,7 +437,7 @@ mindmap
 2. 隨意瀏覽或搜索特定內容  
 3. 點擊任何看起來有趣的項目以了解更多資訊  
 
-![擴展市場介面](../../../../translated_images/mo/extensions.eca0e0c7f59a10b5.png)  
+![擴展市場介面](../../../../translated_images/mo/extensions.eca0e0c7f59a10b5.webp)  
 
 **你會在裡面看到什麼：**  
 
@@ -488,7 +488,7 @@ mindmap
 3. 從下拉選單中選擇 "擴展設定"  
 4. 調整設定，直到符合你的工作流程需求  
 
-![自訂擴展設定](../../../../translated_images/mo/extension-settings.21c752ae4f4cdb78.png)  
+![自訂擴展設定](../../../../translated_images/mo/extension-settings.21c752ae4f4cdb78.webp)  
 
 **你可能想調整的常見設定：**  
 - 程式碼的格式化方式（例如使用 Tab 還是空格、行長度等）  
diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md
index a6504de1c..3bb32cfbc 100644
--- a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA:
 4. **撰寫**提交訊息：「添加初始 HTML 結構」
 5. **點擊**「Commit new file」保存更改
 
-![在 GitHub 上建立初始檔案](../../../../translated_images/mo/new-file-github.com.c886796d800e8056.png)
+![在 GitHub 上建立初始檔案](../../../../translated_images/mo/new-file-github.com.c886796d800e8056.webp)
 
 **以下是此初始設置的作用：**
 - **建立**具有語義元素的正確 HTML5 文件結構
@@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ✅ **成功指標**：您應該能在 Explorer 側邊欄中看到您的專案檔案，並在主編輯區域中編輯 `index.html`。
 
-![在 VSCode.dev 中載入專案](../../../../translated_images/mo/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![在 VSCode.dev 中載入專案](../../../../translated_images/mo/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **您在介面中會看到：**
 - **Explorer 側邊欄**：**顯示**您的儲存庫檔案和文件結構
@@ -448,7 +448,7 @@ li:before {
 **安裝後的即時效果：**
 安裝 CodeSwing 後，您將看到履歷網站的即時預覽出現在編輯器中。這讓您能夠在進行更改時即時查看網站的外觀。
 
-![CodeSwing 擴展顯示即時預覽](../../../../translated_images/mo/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing 擴展顯示即時預覽](../../../../translated_images/mo/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **理解增強的介面：**
 - **分屏視圖**：**顯示**一側的程式碼和另一側的即時預覽
diff --git a/translations/mo/9-chat-project/README.md b/translations/mo/9-chat-project/README.md
index 6b023af25..3c68bc474 100644
--- a/translations/mo/9-chat-project/README.md
+++ b/translations/mo/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 以下是完成的專案外觀：
 
-![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/mo/screenshot.0a1ee0d123df681b.png)
+![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/mo/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ AI應用程式開發的學習旅程
 
@@ -194,7 +194,7 @@ mindmap
 
 **核心原則**：AI應用程式開發結合了傳統的網頁開發技能與AI服務整合，創造出智能化且對用戶自然且反應迅速的應用程式。
 
-![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/mo/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/mo/playground.d2b927122224ff8f.webp)
 
 **Playground的實用之處：**
 - **嘗試**不同的AI模型，例如GPT-4o-mini、Claude等（全部免費！）
@@ -204,7 +204,7 @@ mindmap
 
 玩了一會兒後，只需點擊 "Code" 標籤，選擇你的程式語言，即可獲得所需的實現程式碼。
 
-![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/mo/playground-choice.1d23ba7d407f4758.png)
+![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/mo/playground-choice.1d23ba7d407f4758.webp)
 
 ## 設置 Python 後端整合
 
@@ -2364,14 +2364,14 @@ mindmap
 - **導航**到 [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)  
 - **點擊**右上角的 "Use this template"（確保你已登錄 GitHub）  
 
-![顯示綠色 "Use this template" 按鈕的模板創建界面](../../../translated_images/mo/template.67ad477109d29a2b.png)  
+![顯示綠色 "Use this template" 按鈕的模板創建界面](../../../translated_images/mo/template.67ad477109d29a2b.webp)  
 
 **步驟 2：啟動 Codespaces**  
 - **打開**你新創建的倉庫  
 - **點擊**綠色的 "Code" 按鈕並選擇 "Codespaces"  
 - **選擇** "Create codespace on main" 以啟動你的開發環境  
 
-![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/mo/codespace.bcecbdf5d2747d3d.png)  
+![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/mo/codespace.bcecbdf5d2747d3d.webp)  
 
 **步驟 3：環境配置**  
 當你的 Codespace 加載完成後，你將擁有以下功能：  
diff --git a/translations/mo/README.md b/translations/mo/README.md
index b2a43a0c9..7743d8661 100644
--- a/translations/mo/README.md
+++ b/translations/mo/README.md
@@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
 
-![Background](../../translated_images/mo/background.148a8d43afde5730.png)
+![Background](../../translated_images/mo/background.148a8d43afde5730.webp)
 
 - 課程涵蓋從基礎到 RAG。
 - 使用 GenAI 及配套應用與歷史人物互動。
 - 趣味且引人入勝的故事，讓你時光旅行！
 
-![character](../../translated_images/mo/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/mo/character.5c0dd8e067ffd693.webp)
 
 
 每節課附有作業、知識檢核及挑戰，引導你學習如下主題：
@@ -115,7 +115,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 在你建立的儲存庫副本中，點擊 **Code** 按鈕並選擇 **Open with Codespaces**。這將為你建立一個新的 Codespace 工作區。
 
-![Codespace](../../translated_images/mo/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/mo/createcodespace.0238bbf4d7a8d955.webp)
 
 #### 在本機電腦執行課程
 
diff --git a/translations/mo/for-teachers.md b/translations/mo/for-teachers.md
index 1a3c4d35a..35679c928 100644
--- a/translations/mo/for-teachers.md
+++ b/translations/mo/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上述 Moodle 文件，該文件也可上傳至 Canvas。
   - 導入後，請檢查模組、截止日期和測驗設置，以符合您的學期安排。
 
-![Moodle](../../translated_images/mo/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/mo/moodle.94eb93d714a50cb2.webp)
 > Moodle 課堂中的課程內容
 
-![Canvas](../../translated_images/mo/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/mo/canvas.fbd605ff8e5b8aff.webp)
 > Canvas 課堂中的課程內容
 
 ### 直接使用倉庫（不使用 Classroom）
diff --git a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 8bcfee21f..a2e97110a 100644
--- a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 आज, आपण आधुनिक वेब डेव्हलपमेंट शक्य होण्यासाठी आणि गंभीरपणे व्यसनाधीन होण्यासाठी अविश्वसनीय टूल्स एक्सप्लोर करणार आहोत. मी ज्या एडिटर्स, ब्राउझर्स आणि वर्कफ्लोजबद्दल बोलतोय, तेच टूल्स Netflix, Spotify आणि तुमच्या आवडत्या इंडी अ‍ॅप स्टुडिओचे डेव्हलपर्स दररोज वापरतात. आणि आता तुम्हाला आनंदाने नाचायला लावणारा भाग: या व्यावसायिक-ग्रेड, उद्योग-मानक टूल्सपैकी बहुतेक पूर्णपणे मोफत आहेत!
 
-![प्रोग्रामिंगची ओळख](../../../../translated_images/mr/webdev101-programming.d6e3f98e61ac4bff.png)
+![प्रोग्रामिंगची ओळख](../../../../translated_images/mr/webdev101-programming.d6e3f98e61ac4bff.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
 
 ```mermaid
diff --git a/translations/mr/1-getting-started-lessons/2-github-basics/README.md b/translations/mr/1-getting-started-lessons/2-github-basics/README.md
index 822da6c85..d8eda67f3 100644
--- a/translations/mr/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/mr/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 आपण एकत्रितपणे हा प्रवास करू, एक पाऊल एकावेळी. घाई नाही, दबाव नाही – फक्त तुम्ही, मी आणि काही खरोखर छान साधने जी तुमचे नवीन सर्वोत्तम मित्र बनणार आहेत!
 
-![GitHub परिचय](../../../../translated_images/mr/webdev101-github.8846d7971abef6f9.png)
+![GitHub परिचय](../../../../translated_images/mr/webdev101-github.8846d7971abef6f9.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून
 
 ```mermaid
@@ -562,7 +562,7 @@ flowchart TD
 
 ✅ 'नवशिक्यांसाठी अनुकूल' रेपॉजिटरी शोधण्याचा चांगला मार्ग म्हणजे [टॅग 'good-first-issue' द्वारे शोधा](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![रेपो स्थानिक स्तरावर कॉपी करा](../../../../translated_images/mr/clone_repo.5085c48d666ead57.png)
+![रेपो स्थानिक स्तरावर कॉपी करा](../../../../translated_images/mr/clone_repo.5085c48d666ead57.webp)
 
 कोड कॉपी करण्याचे अनेक मार्ग आहेत. एक मार्ग म्हणजे रेपॉजिटरीची सामग्री "क्लोन" करणे, HTTPS, SSH किंवा GitHub CLI (कमांड लाइन इंटरफेस) वापरून.
 
diff --git a/translations/mr/1-getting-started-lessons/3-accessibility/README.md b/translations/mr/1-getting-started-lessons/3-accessibility/README.md
index b810abf0e..4839091ce 100644
--- a/translations/mr/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/mr/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # प्रवेशयोग्य वेबपृष्ठ तयार करणे
 
-![सर्व काही प्रवेशयोग्यतेबद्दल](../../../../translated_images/mr/webdev101-a11y.8ef3025c858d897a.png)
+![सर्व काही प्रवेशयोग्यतेबद्दल](../../../../translated_images/mr/webdev101-a11y.8ef3025c858d897a.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
 
 ```mermaid
diff --git a/translations/mr/2-js-basics/1-data-types/README.md b/translations/mr/2-js-basics/1-data-types/README.md
index 864d3100f..eefb6170b 100644
--- a/translations/mr/2-js-basics/1-data-types/README.md
+++ b/translations/mr/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript मूलभूत गोष्टी: डेटा प्रकार
 
-![JavaScript Basics - Data types](../../../../translated_images/mr/webdev101-js-datatypes.4cc470179730702c.png)
+![JavaScript Basics - Data types](../../../../translated_images/mr/webdev101-js-datatypes.4cc470179730702c.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
 
 ```mermaid
diff --git a/translations/mr/2-js-basics/2-functions-methods/README.md b/translations/mr/2-js-basics/2-functions-methods/README.md
index add604f9c..8bf9dd5c3 100644
--- a/translations/mr/2-js-basics/2-functions-methods/README.md
+++ b/translations/mr/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # जावास्क्रिप्ट मूलभूत गोष्टी: पद्धती आणि फंक्शन्स
 
-![जावास्क्रिप्ट मूलभूत गोष्टी - फंक्शन्स](../../../../translated_images/mr/webdev101-js-functions.be049c4726e94f8b.png)
+![जावास्क्रिप्ट मूलभूत गोष्टी - फंक्शन्स](../../../../translated_images/mr/webdev101-js-functions.be049c4726e94f8b.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
 
 ```mermaid
diff --git a/translations/mr/2-js-basics/3-making-decisions/README.md b/translations/mr/2-js-basics/3-making-decisions/README.md
index 0edde96e1..795fc5514 100644
--- a/translations/mr/2-js-basics/3-making-decisions/README.md
+++ b/translations/mr/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript मूलभूत गोष्टी: निर्णय घेणे
 
-![JavaScript Basics - Making decisions](../../../../translated_images/mr/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/mr/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून
 
diff --git a/translations/mr/2-js-basics/4-arrays-loops/README.md b/translations/mr/2-js-basics/4-arrays-loops/README.md
index 034279f5f..a75b1f0ca 100644
--- a/translations/mr/2-js-basics/4-arrays-loops/README.md
+++ b/translations/mr/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # JavaScript मूलभूत गोष्टी: Arrays आणि Loops
 
-![JavaScript Basics - Arrays](../../../../translated_images/mr/webdev101-js-arrays.439d7528b8a29455.png)
+![JavaScript Basics - Arrays](../../../../translated_images/mr/webdev101-js-arrays.439d7528b8a29455.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले
 
 ```mermaid
diff --git a/translations/mr/3-terrarium/1-intro-to-html/README.md b/translations/mr/3-terrarium/1-intro-to-html/README.md
index 6526a14ae..bb74b5e1d 100644
--- a/translations/mr/3-terrarium/1-intro-to-html/README.md
+++ b/translations/mr/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![HTML ची ओळख](../../../../translated_images/mr/webdev101-html.4389c2067af68e98.png)
+![HTML ची ओळख](../../../../translated_images/mr/webdev101-html.4389c2067af68e98.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून
 
 HTML, म्हणजेच हायपरटेक्स्ट मार्कअप भाषा, ही तुम्ही कधीही भेट दिलेल्या प्रत्येक वेबसाइटची पायाभूत रचना आहे. HTML ला वेब पृष्ठांचे सांगाडा म्हणून विचार करा – ते सामग्री कुठे जाते, ती कशी आयोजित केली जाते आणि प्रत्येक भाग काय दर्शवतो हे परिभाषित करते. CSS नंतर तुमच्या HTML ला रंग आणि लेआउटसह "सजवेल", आणि JavaScript त्याला परस्परसंवादी बनवेल, HTML ही मूलभूत रचना प्रदान करते ज्यामुळे बाकी सर्व शक्य होते.
@@ -88,7 +88,7 @@ HTML कोडमध्ये जाण्यापूर्वी, तुमच
 4. Explorer पॅनमध्ये, "New File" आयकॉनवर क्लिक करा
 5. तुमच्या फाइलचे नाव `index.html` ठेवा
 
-![VS कोड एक्सप्लोरर नवीन फाइल तयार करणे दर्शवित आहे](../../../../translated_images/mr/vs-code-index.e2986cf919471eb9.png)
+![VS कोड एक्सप्लोरर नवीन फाइल तयार करणे दर्शवित आहे](../../../../translated_images/mr/vs-code-index.e2986cf919471eb9.webp)
 
 **पर्याय 2: टर्मिनल कमांड्स वापरणे**
 ```bash
diff --git a/translations/mr/3-terrarium/2-intro-to-css/README.md b/translations/mr/3-terrarium/2-intro-to-css/README.md
index cda5dedd8..ddd3fafbe 100644
--- a/translations/mr/3-terrarium/2-intro-to-css/README.md
+++ b/translations/mr/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![CSS ची ओळख](../../../../translated_images/mr/webdev101-css.3f7af5991bf53a20.png)
+![CSS ची ओळख](../../../../translated_images/mr/webdev101-css.3f7af5991bf53a20.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
 
 तुमचा HTML टेरॅरियम किती साधा दिसत होता हे लक्षात आहे का? CSS च्या मदतीने आपण त्या साध्या संरचनेला आकर्षक बनवतो.
@@ -205,7 +205,7 @@ body {
 
 तुमच्या ब्राउझरचे डेव्हलपर टूल्स (F12) उघडा, एलिमेंट्स टॅबवर जा आणि तुमच्या `<h1>` घटकाची तपासणी करा. तुम्हाला दिसेल की ते बॉडीकडून फॉन्ट फॅमिली वारसाहक्काने घेतात:
 
-![वारसाहक्काने मिळालेला फॉन्ट](../../../../translated_images/mr/1.cc07a5cbe114ad1d.png)
+![वारसाहक्काने मिळालेला फॉन्ट](../../../../translated_images/mr/1.cc07a5cbe114ad1d.webp)
 
 ✅ **प्रयोग वेळ**: `<body>` वर `color`, `line-height`, किंवा `text-align` सारखी इतर वारसाहक्काने मिळणारी गुणधर्म सेट करण्याचा प्रयत्न करा. तुमच्या हेडिंग आणि इतर घटकांवर काय परिणाम होतो?
 
@@ -535,7 +535,7 @@ Agent मोड वापरून खालील आव्हान पूर
 
 तुम्ही काचेच्या पृष्ठभागांवर प्रकाश कसा प्रतिबिंबित होतो हे अनुकरण करणारे सूक्ष्म हायलाइट्स तयार कराल. ही पद्धत रेनासन्स चित्रकार जॅन व्हॅन आयक यांनी काचेच्या पेंटिंगला त्रिमितीय बनवण्यासाठी प्रकाश आणि प्रतिबिंब कसे वापरले यासारखी आहे. तुम्ही यासाठी प्रयत्न कराल:
 
-![finished terrarium](../../../../translated_images/mr/terrarium-final.2f07047ffc597d0a.png)
+![finished terrarium](../../../../translated_images/mr/terrarium-final.2f07047ffc597d0a.webp)
 
 **तुमचे आव्हान:**
 - **तयार करा** काचेच्या प्रतिबिंबांसाठी सूक्ष्म पांढऱ्या किंवा हलक्या रंगाचे अंडाकृती आकार
diff --git a/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md
index ecd8fae2f..96497050a 100644
--- a/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM आणि क्लोजर](../../../../translated_images/mr/webdev101-js.10280393044d7eaa.png)
+![DOM आणि क्लोजर](../../../../translated_images/mr/webdev101-js.10280393044d7eaa.webp)
 > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून
 
 वेब विकासातील सर्वात आकर्षक पैलूंच्या स्वागतासाठी तयार व्हा - गोष्टी परस्परसंवादी बनवणे! डॉक्युमेंट ऑब्जेक्ट मॉडेल (DOM) हे तुमच्या HTML आणि जावास्क्रिप्टमधील एक पूल आहे, आणि आज आपण त्याचा उपयोग तुमच्या टेरारियमला जिवंत करण्यासाठी करू. जेव्हा टिम बर्नर्स-लीने पहिला वेब ब्राउझर तयार केला, तेव्हा त्यांनी एक वेब कल्पना केली होती जिथे दस्तऐवज गतिशील आणि परस्परसंवादी असू शकतात - DOM त्या दृष्टिकोनाला शक्य बनवते.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.png)
+![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM आणि त्याचा संदर्भ देणारा HTML मार्कअपचे प्रतिनिधित्व. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) कडून
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **क्लोजर्स समजून घेणे**: क्लोजर्स जावास्क्रिप्टमधील एक महत्त्वाचा विषय आहे, आणि अनेक विकसक त्याचा पूर्ण सैद्धांतिक पैलू समजण्याआधी अनेक वर्षे त्याचा वापर करतात. आज, आम्ही व्यावहारिक अनुप्रयोगावर लक्ष केंद्रित करत आहोत - तुम्ही पाहाल की ते परस्परसंवादी वैशिष्ट्ये तयार करताना नैसर्गिकरित्या कसे उद्भवतात. समजून घेणे विकसित होईल कारण तुम्ही पाहाल की ते वास्तविक समस्यांचे निराकरण कसे करतात.
 
-![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.png)
+![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.webp)
 
 > DOM आणि त्याचा संदर्भ देणारा HTML मार्कअपचे प्रतिनिधित्व. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) कडून
 
@@ -540,7 +540,7 @@ function stopElementDrag() {
 - **क्रॉस-डिव्हाइस सपोर्ट**: डेस्कटॉप आणि मोबाइलवर कार्य करते
 - **परफॉर्मन्स कॉन्शस**: मेमरी लीक किंवा अनावश्यक गणना नाही
 
-![finished terrarium](../../../../translated_images/mr/terrarium-final.0920f16e87c13a84.png)
+![finished terrarium](../../../../translated_images/mr/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/mr/3-terrarium/solution/README.md b/translations/mr/3-terrarium/solution/README.md
index 9b05bf5aa..afc550c9c 100644
--- a/translations/mr/3-terrarium/solution/README.md
+++ b/translations/mr/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 एक छोटासा ड्रॅग आणि ड्रॉप कोड-मेडिटेशन. थोडं HTML, JS आणि CSS वापरून तुम्ही एक वेब इंटरफेस तयार करू शकता, त्याला स्टाइल देऊ शकता, आणि त्यात इंटरॅक्शन जोडू शकता.
 
-![माझं टेरॅरियम](../../../../translated_images/mr/screenshot_gray.0c796099a1f9f25e.png)
+![माझं टेरॅरियम](../../../../translated_images/mr/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## श्रेय
 
diff --git a/translations/mr/5-browser-extension/1-about-browsers/README.md b/translations/mr/5-browser-extension/1-about-browsers/README.md
index a080d3faf..48787cd82 100644
--- a/translations/mr/5-browser-extension/1-about-browsers/README.md
+++ b/translations/mr/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![ब्राउझर स्केच नोट](../../../../translated_images/mr/browser.60317c9be8b7f84a.jpg)
+![ब्राउझर स्केच नोट](../../../../translated_images/mr/browser.60317c9be8b7f84a.webp)
 > स्केच नोट [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) यांच्याकडून
 
 ## पूर्व-व्याख्यान प्रश्नमंजुषा
@@ -79,7 +79,7 @@ mindmap
 
 ✅ **थोडा इतिहास**: पहिला ब्राउझर 'वर्ल्डवाइडवेब' म्हणून ओळखला जात होता आणि सर टिमोथी बर्नर्स-ली यांनी 1990 मध्ये तयार केला होता.
 
-![प्रारंभिक ब्राउझर](../../../../translated_images/mr/earlybrowsers.d984b711cdf3a42d.jpg)
+![प्रारंभिक ब्राउझर](../../../../translated_images/mr/earlybrowsers.d984b711cdf3a42d.webp)
 > काही प्रारंभिक ब्राउझर, [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) यांच्याकडून
 
 ### ब्राउझर वेब सामग्री कशी प्रक्रिया करतात
@@ -198,7 +198,7 @@ quadrantChart
 
 विस्तार स्थापना प्रक्रिया समजून घेणे तुम्हाला तुमचा विस्तार लोकांनी स्थापित करताना अनुभव कसा असेल याचा अंदाज घेण्यास मदत करते. स्थापना प्रक्रिया आधुनिक ब्राउझरमध्ये प्रमाणित आहे, इंटरफेस डिझाइनमध्ये लहान फरकांसह.
 
-![Edge ब्राउझरचा स्क्रीनशॉट ज्यामध्ये edge://extensions पृष्ठ उघडलेले आहे आणि सेटिंग्ज मेनू उघडलेला आहे](../../../../translated_images/mr/install-on-edge.d68781acaf0b3d3d.png)
+![Edge ब्राउझरचा स्क्रीनशॉट ज्यामध्ये edge://extensions पृष्ठ उघडलेले आहे आणि सेटिंग्ज मेनू उघडलेला आहे](../../../../translated_images/mr/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **महत्त्वाचे**: तुमचे स्वतःचे विस्तार चाचणी करताना विकसक मोड चालू करा आणि इतर स्टोअरमधून विस्तारांना परवानगी द्या.
 
@@ -313,10 +313,10 @@ project-root/
 ### विस्तार दृश्ये विहंगावलोकन
 
 **सेटअप दृश्य** - प्रथमच वापरकर्ता कॉन्फिगरेशन:
-![पूर्ण विस्ताराचा स्क्रीनशॉट ब्राउझरमध्ये उघडलेला आहे, ज्यामध्ये प्रदेशाचे नाव आणि API key साठी इनपुट असलेला फॉर्म दिसतो.](../../../../translated_images/mr/1.b6da8c1394b07491.png)
+![पूर्ण विस्ताराचा स्क्रीनशॉट ब्राउझरमध्ये उघडलेला आहे, ज्यामध्ये प्रदेशाचे नाव आणि API key साठी इनपुट असलेला फॉर्म दिसतो.](../../../../translated_images/mr/1.b6da8c1394b07491.webp)
 
 **परिणाम दृश्य** - कार्बन फूटप्रिंट डेटा प्रदर्शन:
-![पूर्ण विस्ताराचा स्क्रीनशॉट US-NEISO प्रदेशासाठी कार्बन वापर आणि जीवाश्म इंधन टक्केवारीचे मूल्य प्रदर्शित करत आहे.](../../../../translated_images/mr/2.1dae52ff08042246.png)
+![पूर्ण विस्ताराचा स्क्रीनशॉट US-NEISO प्रदेशासाठी कार्बन वापर आणि जीवाश्म इंधन टक्केवारीचे मूल्य प्रदर्शित करत आहे.](../../../../translated_images/mr/2.1dae52ff08042246.webp)
 
 ### कॉन्फिगरेशन फॉर्म तयार करणे
 
diff --git a/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md
index a70241239..db1de72ac 100644
--- a/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![लोकल स्टोरेज पॅन](../../../../translated_images/mr/localstorage.472f8147b6a3f8d1.png)
+![लोकल स्टोरेज पॅन](../../../../translated_images/mr/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **सुरक्षा विचार**: उत्पादन ऍप्लिकेशन्समध्ये, लोकल स्टोरेजमध्ये API की साठवणे सुरक्षा जोखीम निर्माण करते कारण जावास्क्रिप्टला हा डेटा प्रवेश करता येतो. शिकण्यासाठी, हा दृष्टिकोन ठीक आहे, परंतु वास्तविक ऍप्लिकेशन्स संवेदनशील क्रेडेन्शियल्ससाठी सुरक्षित सर्व्हर-साइड स्टोरेज वापरतात.
 
diff --git a/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md
index 79f332742..ce536ac2d 100644
--- a/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Edge मध्ये Developer Tools उघडण्यासाठी, वर
 
 चला हे करून पाहूया. एखादी वेबसाइट उघडा (Microsoft.com चांगली काम करते) आणि 'Record' बटणावर क्लिक करा. आता पृष्ठ रीफ्रेश करा आणि प्रोफाइलरने काय होते ते कॅप्चर करताना पहा. जेव्हा तुम्ही रेकॉर्डिंग थांबवाल, तेव्हा तुम्हाला ब्राउझर 'स्क्रिप्ट्स', 'रेंडर्स', आणि 'पेंट्स' साइट कशी करते याचे तपशीलवार विहंगावलोकन दिसेल. हे मला रॉकेट लॉन्च दरम्यान मिशन कंट्रोल प्रत्येक प्रणालीचे निरीक्षण कसे करते याची आठवण करून देते - तुम्हाला नेमके काय आणि कधी घडते याचे रिअल-टाइम डेटा मिळतो.
 
-![Edge प्रोफाइलर](../../../../translated_images/mr/profiler.5a4a62479c5df01c.png)
+![Edge प्रोफाइलर](../../../../translated_images/mr/profiler.5a4a62479c5df01c.webp)
 
 ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) मध्ये अधिक तपशील आहेत जर तुम्हाला अधिक खोलवर जाण्याची इच्छा असेल
 
@@ -136,11 +136,11 @@ Edge मध्ये Developer Tools उघडण्यासाठी, वर
 
 प्रोफाइल टाइमलाइनचा एक भाग निवडून आणि सारांश पॅन पाहून तुमच्या पृष्ठाच्या कार्यक्षमतेचा स्नॅपशॉट मिळवा:
 
-![Edge प्रोफाइलर स्नॅपशॉट](../../../../translated_images/mr/snapshot.97750180ebcad737.png)
+![Edge प्रोफाइलर स्नॅपशॉट](../../../../translated_images/mr/snapshot.97750180ebcad737.webp)
 
 इव्हेंट लॉग पॅन तपासा की कोणत्याही इव्हेंटला 15 ms पेक्षा जास्त वेळ लागला आहे का:
 
-![Edge इव्हेंट लॉग](../../../../translated_images/mr/log.804026979f3707e0.png)
+![Edge इव्हेंट लॉग](../../../../translated_images/mr/log.804026979f3707e0.webp)
 
 ✅ तुमच्या प्रोफाइलरला ओळखा! या साइटवर Developer Tools उघडा आणि कोणतेही अडथळे आहेत का ते पहा. सर्वात मंद लोड होणारा घटक कोणता आहे? सर्वात जलद कोणता आहे?
 
diff --git a/translations/mr/5-browser-extension/README.md b/translations/mr/5-browser-extension/README.md
index 1949c4975..ad464a402 100644
--- a/translations/mr/5-browser-extension/README.md
+++ b/translations/mr/5-browser-extension/README.md
@@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### श्रेय
 
-![एक हिरव्या रंगाचा ब्राउझर एक्स्टेंशन](../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![एक हिरव्या रंगाचा ब्राउझर एक्स्टेंशन](../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## श्रेय
 
diff --git a/translations/mr/5-browser-extension/solution/README.md b/translations/mr/5-browser-extension/solution/README.md
index 6619c6c56..1177570c8 100644
--- a/translations/mr/5-browser-extension/solution/README.md
+++ b/translations/mr/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow च्या C02 Signal API चा वापर करून वीज वापर ट्रॅक करण्यासाठी एक ब्राउझर एक्स्टेंशन तयार करा, जेणेकरून तुमच्या ब्राउझरमध्ये तुमच्या प्रदेशातील वीज वापर किती जड आहे याची आठवण मिळू शकेल. हे एक्स्टेंशन अडहॉक पद्धतीने वापरल्याने तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत होईल.
 
-![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात कशी करावी
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge वर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्स्टेंशन्स पॅनेल शोधा. तिथून 'Load Unpacked' निवडा आणि नवीन एक्स्टेंशन लोड करा. प्रॉम्प्टवर 'dist' फोल्डर उघडा आणि एक्स्टेंशन लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal च्या API साठी API key ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावर बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) शी संबंधित तुमच्या प्रदेशाचा [कोड](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनमध्ये, मी 'US-NEISO' वापरतो).
 
-![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 एकदा API key आणि प्रदेश एक्स्टेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्स्टेंशन बारमधील रंगीत डॉट तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-गंभीर क्रियाकलापांसाठी योग्य सल्ला मिळेल. या 'डॉट' प्रणालीमागील संकल्पना मला [Energy Lollipop extension](https://energylollipop.com/) कडून कॅलिफोर्निया उत्सर्जनासाठी मिळाली.
 
diff --git a/translations/mr/5-browser-extension/solution/translation/README.fr.md b/translations/mr/5-browser-extension/solution/translation/README.fr.md
index e06e1900e..9bfd6247b 100644
--- a/translations/mr/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/mr/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow च्या C02 Signal API चा वापर करून वीज वापराचे निरीक्षण करा आणि तुमच्या ब्राउझरमध्ये थेट तुमच्या प्रदेशातील वीज वापराची आठवण देणारी एक ब्राउझर विस्तार तयार करा. या विस्ताराचा वापर तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांवर निर्णय घेण्यास मदत करेल.
 
-![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात करा
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge वर स्थापित करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन बिंदू' मेनू वापरून Extensions पॅनेल शोधा. तिथून, 'Unpacked Extension लोड करा' निवडा आणि नवीन विस्तार लोड करा. 'dist' फोल्डर उघडा आणि विस्तार लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal API साठी API की ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [तुमच्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) जो [Electricity Map](https://www.electricitymap.org/map) शी संबंधित आहे (उदाहरणार्थ, Boston मध्ये, मी 'US-NEISO' वापरतो).
 
-![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये टाकल्यानंतर, ब्राउझरच्या विस्तार बारमधील रंगीत बिंदू तुमच्या प्रदेशातील वीज वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-खर्चिक क्रियाकलापांबद्दल योग्य सल्ला देईल. या 'बिंदू' प्रणालीमागील संकल्पना मला [Energy Lollipop विस्तार](https://energylollipop.com/) कडून मिळाली, जी कॅलिफोर्नियाच्या उत्सर्जनासाठी आहे.
 
diff --git a/translations/mr/5-browser-extension/solution/translation/README.hi.md b/translations/mr/5-browser-extension/solution/translation/README.hi.md
index 075534439..bb94fcf6a 100644
--- a/translations/mr/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/mr/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 वीज वापर ट्रॅक करण्यासाठी tmrow च्या C02 सिग्नल API चा वापर करून, एक ब्राउझर एक्सटेंशन तयार करणे जे तुमच्या ब्राउझरमध्ये तुमच्या क्षेत्रातील वीज वापर किती जड आहे याबद्दल तुम्हाला स्मरण देईल. या एक्सटेंशनचा उपयोग तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत करेल.
 
-![एक्सटेंशन स्क्रीनशॉट ](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![एक्सटेंशन स्क्रीनशॉट ](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात करणे
 
@@ -31,7 +31,7 @@ npm run build
 
 एज ब्राउझरवर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्सटेंशन पॅनेल शोधा. तिथून, नवीन एक्सटेंशन लोड करण्यासाठी 'लोड अनपॅक्ड' निवडा. प्रॉम्प्टवर 'dist' फोल्डर उघडा आणि एक्सटेंशन लोड होईल. याचा उपयोग करण्यासाठी, तुम्हाला CO2 सिग्नल API ([ईमेलद्वारे येथे मिळवा](https://www.co2signal.com/) साठी API की आवश्यक असेल - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [तुमच्या क्षेत्रासाठी कोड](http://api.electricitymap.org/v3/zones) [इलेक्ट्रिसिटी मॅप](https://www.electricitymap.org/map) वरून (उदाहरणार्थ, बोस्टनसाठी, मी 'US-NEISO' वापरतो).
 
-![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 एकदा API की आणि क्षेत्र एक्सटेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्सटेंशन बारमधील रंगीत डॉट तुमच्या क्षेत्रातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलायला हवा आणि तुम्हाला एक संकेतक द्यायला हवा की ऊर्जा-गंभीर क्रियाकलाप तुमच्या कामगिरीसाठी योग्य असतील. या 'डॉट' प्रणालीची संकल्पना मला कॅलिफोर्नियाच्या उत्सर्जनासाठी [एनर्जी लॉलीपॉप एक्सटेंशन](https://energylollipop.com/) कडून मिळाली.
 
diff --git a/translations/mr/5-browser-extension/solution/translation/README.it.md b/translations/mr/5-browser-extension/solution/translation/README.it.md
index ecd7b34f4..ef17945a0 100644
--- a/translations/mr/5-browser-extension/solution/translation/README.it.md
+++ b/translations/mr/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow च्या Signal C02 API चा वापर करून वीज वापराचे निरीक्षण करण्यासाठी एक ब्राउझर विस्तार तयार केला जाईल, ज्यामुळे आपल्या प्रदेशातील वीज वापर किती जड आहे याबद्दल थेट ब्राउझरमध्ये स्मरणपत्र मिळेल. या विशेष विस्ताराचा वापर करून, या माहितीनुसार आपल्या क्रियाकलापांचे मूल्यांकन करण्यात मदत होईल.
 
-![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात कशी करावी
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge वर स्थापित करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील "तीन बिंदू" मेनूचा वापर करून विस्तार पॅनेल शोधा. जर आधीपासून सक्रिय नसेल, तर डेव्हलपर मोड (खाली डावीकडे) सक्रिय करा. नवीन विस्तार लोड करण्यासाठी "लोड अनझिप्ड" निवडा. प्रॉम्प्टवर "dist" फोल्डर उघडा आणि विस्तार लोड केला जाईल. वापरण्यासाठी, CO2 Signal API साठी API कीची आवश्यकता असेल (ती [येथे ई-मेलद्वारे मिळवता येते](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये आपला ई-मेल प्रविष्ट करा) आणि [वीज नकाशा](https://www.electricitymap.org/map) शी संबंधित [आपल्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) (उदाहरणार्थ, बोस्टनसाठी "US-NEISO").
 
-![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये प्रविष्ट केल्यानंतर, ब्राउझरच्या विस्तार बारमधील रंगीत बिंदू प्रदेशाच्या ऊर्जा वापराचे प्रतिबिंब दाखवण्यासाठी बदलायला हवा आणि उच्च ऊर्जा वापराच्या क्रियाकलापांसाठी योग्य सूचना प्रदान करायला हवी. या "बिंदू" प्रणालीमागील संकल्पना [Energy Lollipop विस्तार](https://energylollipop.com/) कडून घेतली गेली आहे, जी कॅलिफोर्नियाच्या उत्सर्जनासाठी आहे.
 
diff --git a/translations/mr/5-browser-extension/solution/translation/README.ja.md b/translations/mr/5-browser-extension/solution/translation/README.ja.md
index 2f06193b0..c58ef9140 100644
--- a/translations/mr/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/mr/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow च्या C02 सिग्नल API चा वापर करून, तुमच्या प्रदेशातील वीज वापर किती आहे हे ब्राउझरवर स्मरणपत्र म्हणून दाखवण्यासाठी ब्राउझर विस्तार तयार करा. या विस्ताराचा उपयोग करून, तुम्ही या माहितीच्या आधारे तुमच्या क्रियाकलापांचा निर्णय घेऊ शकता.
 
-![extension screenshot](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge मध्ये स्थापित करण्यासाठी, ब्राउझरच्या उजव्या कोपऱ्यातील "तीन डॉट्स" मेनूमधून "Extensions" पॅनेल शोधा. तिथून "Load Unpacked" निवडा आणि नवीन विस्तार लोड करा. प्रॉम्प्टमध्ये "dist" फोल्डर उघडा, ज्यामुळे विस्तार लोड होईल. वापरण्यासाठी, तुम्हाला CO2 सिग्नल API चा API की ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) साठी तुमच्या प्रदेशाशी संबंधित [code for your region](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनसाठी 'US-NEISO' वापरले जाते).
 
-![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 API की आणि प्रदेश विस्तार इंटरफेसमध्ये प्रविष्ट केल्यावर, ब्राउझरच्या विस्तार बारमध्ये दिसणारा रंगीत डॉट बदलतो आणि तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करतो. यामुळे तुम्हाला कोणत्या प्रकारच्या ऊर्जेची आवश्यकता असलेल्या क्रियाकलाप करणे योग्य आहे हे समजते. या "डॉट" प्रणालीची कल्पना मला कॅलिफोर्नियाच्या उत्सर्जनासाठी [Energy Lollipop extension](https://energylollipop.com/) कडून मिळाली.
 
diff --git a/translations/mr/5-browser-extension/solution/translation/README.ms.md b/translations/mr/5-browser-extension/solution/translation/README.ms.md
index 7b9a423ed..3515236f3 100644
--- a/translations/mr/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/mr/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 C02 सिग्नल API चा वापर करून वीजेचा वापर ओळखण्यासाठी ब्राउझर विस्तार तयार करा, ज्यामुळे तुम्हाला तुमच्या प्रदेशातील वीजेच्या वापराबद्दल ब्राउझरमध्ये सूचना मिळतील. हा विस्तार विशेषतः वापरल्याने तुम्हाला तुमच्या क्रियाकलापांबद्दल माहितीच्या आधारे निर्णय घेण्यास मदत होईल.
 
-![ब्राउझर विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![ब्राउझर विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## येथे सुरुवात करा
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge मध्ये स्थापित करण्यासाठी, ब्राउझरच्या उजव्या कोपऱ्यातील 'तीन बिंदू' मेनू वापरा आणि 'Extensions' पॅनेल शोधा. तिथून, 'Load Unpacked' निवडा आणि नवीन विस्तार लोड करा. 'dist' फोल्डर उघडा आणि विस्तार लोड होईल. वापरण्यासाठी, तुम्हाला CO2 सिग्नल API साठी API की ([येथून ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [तुमच्या प्रदेशासाठी कोड](http://api.electricitymap.org/v3/zones) आवश्यक आहे, जो [इलेक्ट्रिसिटी मॅप](https://www.electricitymap.org/map) शी संबंधित आहे (उदाहरणार्थ, बोस्टनमध्ये, मी 'US-NEISO' वापरतो).
 
-![डाउनलोड करत आहे](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![डाउनलोड करत आहे](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये टाकल्यानंतर, ब्राउझर विस्तार बारमधील रंगीत बिंदू तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करेल आणि तुम्हाला योग्य क्रियाकलापांसाठी सूचना देईल. या 'डॉट' प्रणालीमागील संकल्पना मला [एनर्जी लॉलिपॉप ब्राउझर विस्तार](https://energylollipop.com/) कडून मिळाली, जी कॅलिफोर्नियातील उत्सर्जनासाठी आहे.
 
diff --git a/translations/mr/5-browser-extension/start/README.md b/translations/mr/5-browser-extension/start/README.md
index 286835e70..2f224a4cc 100644
--- a/translations/mr/5-browser-extension/start/README.md
+++ b/translations/mr/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 tmrow च्या C02 Signal API चा वापर करून वीज वापर ट्रॅक करण्यासाठी ब्राउझर एक्स्टेंशन तयार करा, जेणेकरून तुमच्या ब्राउझरमध्ये तुमच्या प्रदेशातील वीज वापर किती जड आहे याची आठवण मिळेल. हे एक्स्टेंशन अड-हॉक वापरल्याने तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत होईल.
 
-![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## सुरुवात कशी करावी
 
@@ -31,7 +31,7 @@ npm run build
 
 Edge वर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्स्टेंशन्स पॅनेल शोधा. तिथून, 'Load Unpacked' निवडा आणि नवीन एक्स्टेंशन लोड करा. 'dist' फोल्डर उघडा आणि एक्स्टेंशन लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal च्या API साठी API key ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावर बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) शी संबंधित [तुमच्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनमध्ये मी 'US-NEISO' वापरतो).
 
-![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.png)
+![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.webp)
 
 एकदा API key आणि प्रदेश एक्स्टेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्स्टेंशन बारमधील रंगीत डॉट तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-गंभीर क्रियाकलापांसाठी योग्य सल्ला मिळेल. या 'डॉट' प्रणालीची संकल्पना मला [Energy Lollipop extension](https://energylollipop.com/) कडून कॅलिफोर्निया उत्सर्जनासाठी मिळाली.
 
diff --git a/translations/mr/6-space-game/2-drawing-to-canvas/README.md b/translations/mr/6-space-game/2-drawing-to-canvas/README.md
index 6e7b66cf1..d619372d1 100644
--- a/translations/mr/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/mr/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![कॅनव्हासचा ग्रिड](../../../../translated_images/mr/canvas_grid.5f209da785ded492.png)
+![कॅनव्हासचा ग्रिड](../../../../translated_images/mr/canvas_grid.5f209da785ded492.webp)
 > प्रतिमा [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) वरून
 
 कॅनव्हास घटकावर काढण्यासाठी, तुम्ही कॅनव्हास ग्राफिक्सच्या सर्व मूलभूत गोष्टी तयार करणारी तीच तीन-चरण प्रक्रिया अनुसरण कराल. तुम्ही हे काही वेळा केल्यानंतर, ते सहज होईल:
@@ -329,11 +329,11 @@ flowchart TD
 
 - हिरो शिप
 
-   ![हिरो शिप](../../../../translated_images/mr/player.dd24c1afa8c71e9b.png)
+   ![हिरो शिप](../../../../translated_images/mr/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 मॉन्स्टर
 
-   ![मॉन्स्टर शिप](../../../../translated_images/mr/enemyShip.5df2a822c16650c2.png)
+   ![मॉन्स्टर शिप](../../../../translated_images/mr/enemyShip.5df2a822c16650c2.webp)
 
 ### विकास सुरू करण्यासाठी शिफारस केलेली पावले
 
@@ -393,7 +393,7 @@ npm start
 
 अंतिम परिणाम असा दिसायला हवा:
 
-![काळा स्क्रीन ज्यामध्ये एक हिरो आणि 5*5 मॉन्स्टर्स आहेत](../../../../translated_images/mr/partI-solution.36c53b48c9ffae2a.png)
+![काळा स्क्रीन ज्यामध्ये एक हिरो आणि 5*5 मॉन्स्टर्स आहेत](../../../../translated_images/mr/partI-solution.36c53b48c9ffae2a.webp)
 
 ## उपाय
 
diff --git a/translations/mr/6-space-game/5-keeping-score/README.md b/translations/mr/6-space-game/5-keeping-score/README.md
index 5498e3c09..d73a8adb1 100644
--- a/translations/mr/6-space-game/5-keeping-score/README.md
+++ b/translations/mr/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **स्कोअरिंग सिस्टम**: प्रत्येक नष्ट केलेल्या शत्रूच्या जहाजासाठी १०० गुण दिले जातात (गोल संख्या खेळाडूंना मानसिक गणना करणे सोपे करते). स्कोअर तळाच्या डाव्या कोपऱ्यात दिसेल.
-- **जीवन काउंटर**: तुमचा हिरो तीन जीवनांसह सुरू होतो - सुरुवातीच्या आर्केड गेम्सने आव्हान आणि खेळण्यायोग्यता संतुलित करण्यासाठी स्थापित केलेला मानक. प्रत्येक शत्रूशी टक्कर झाल्यावर एक जीवन कमी होते. उर्वरित जीवन तळाच्या उजव्या कोपऱ्यात जहाजाच्या आयकॉनद्वारे दाखवले जातील ![life image](../../../../translated_images/mr/life.6fb9f50d53ee0413.png).
+- **जीवन काउंटर**: तुमचा हिरो तीन जीवनांसह सुरू होतो - सुरुवातीच्या आर्केड गेम्सने आव्हान आणि खेळण्यायोग्यता संतुलित करण्यासाठी स्थापित केलेला मानक. प्रत्येक शत्रूशी टक्कर झाल्यावर एक जीवन कमी होते. उर्वरित जीवन तळाच्या उजव्या कोपऱ्यात जहाजाच्या आयकॉनद्वारे दाखवले जातील ![life image](../../../../translated_images/mr/life.6fb9f50d53ee0413.webp).
 
 ## चला तयार करूया!
 
diff --git a/translations/mr/7-bank-project/1-template-route/README.md b/translations/mr/7-bank-project/1-template-route/README.md
index 4ae13c58a..4624ee649 100644
--- a/translations/mr/7-bank-project/1-template-route/README.md
+++ b/translations/mr/7-bank-project/1-template-route/README.md
@@ -575,7 +575,7 @@ sequenceDiagram
 
 `history.pushState` वापरून ब्राउझरच्या नेव्हिगेशन इतिहासात नवीन एंट्री तयार होते. तुम्ही ब्राउझरचा *बॅक बटन* धरून तपासू शकता, ते असे काहीतरी प्रदर्शित करेल:
 
-![नेव्हिगेशन इतिहासाचा स्क्रीनशॉट](../../../../translated_images/mr/history.7fdabbafa521e064.png)
+![नेव्हिगेशन इतिहासाचा स्क्रीनशॉट](../../../../translated_images/mr/history.7fdabbafa521e064.webp)
 
 जर तुम्ही बॅक बटनवर काही वेळा क्लिक केले, तर तुम्ही पाहाल की वर्तमान URL बदलतो आणि इतिहास अपडेट होतो, परंतु समान टेम्पलेट प्रदर्शित होत राहते.
 
diff --git a/translations/mr/7-bank-project/2-forms/README.md b/translations/mr/7-bank-project/2-forms/README.md
index 7fa620785..1a592b581 100644
--- a/translations/mr/7-bank-project/2-forms/README.md
+++ b/translations/mr/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ graph TD
 2. तुमच्या ब्राउझरच्या अ‍ॅड्रेस बारमधील बदलांचे निरीक्षण करा
 3. पृष्ठ कसे रीलोड होते आणि डेटा URL मध्ये कसा दिसतो ते पहा
 
-![नोंदणी बटणावर क्लिक केल्यानंतर ब्राउझरच्या URL बदलाचा स्क्रीनशॉट](../../../../translated_images/mr/click-register.e89a30bf0d4bc9ca.png)
+![नोंदणी बटणावर क्लिक केल्यानंतर ब्राउझरच्या URL बदलाचा स्क्रीनशॉट](../../../../translated_images/mr/click-register.e89a30bf0d4bc9ca.webp)
 
 ### HTTP पद्धतींची तुलना
 
@@ -350,7 +350,7 @@ graph TD
 2. **क्लिक करा** "खाते तयार करा" बटण
 3. **सर्व्हर प्रतिसाद** तुमच्या ब्राउझरमध्ये निरीक्षण करा
 
-![ब्राउझर विंडो अ‍ॅड्रेस localhost:5000/api/accounts वर, वापरकर्त्याच्या डेटासह JSON स्ट्रिंग दर्शवित आहे](../../../../translated_images/mr/form-post.61de4ca1b964d91a.png)
+![ब्राउझर विंडो अ‍ॅड्रेस localhost:5000/api/accounts वर, वापरकर्त्याच्या डेटासह JSON स्ट्रिंग दर्शवित आहे](../../../../translated_images/mr/form-post.61de4ca1b964d91a.webp)
 
 **तुम्हाला काय दिसायला हवे:**
 - **ब्राउझर पुनर्निर्देशित करते** API एंडपॉइंट URL वर
@@ -526,7 +526,7 @@ async function register() {
 3. **"Create Account" वर क्लिक करा**
 4. **कन्सोल संदेश आणि वापरकर्ता फीडबॅक निरीक्षण करा**
 
-![ब्राउझर कन्सोलमध्ये लॉग संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/browser-console.efaf0b51aaaf6778.png)
+![ब्राउझर कन्सोलमध्ये लॉग संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/browser-console.efaf0b51aaaf6778.webp)
 
 **तुम्हाला काय दिसेल:**
 - **लोडिंग स्थिती** सबमिट बटणावर दिसते
@@ -701,7 +701,7 @@ input:focus:invalid {
 3. **युजरनेम फील्डमध्ये विशेष वर्ण वापरून पहा**
 4. **नकारात्मक शिल्लक रक्कम प्रविष्ट करा**
 
-![फॉर्म सबमिट करण्याचा प्रयत्न करताना व्हॅलिडेशन त्रुटी दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/validation-error.8bd23e98d416c22f.png)
+![फॉर्म सबमिट करण्याचा प्रयत्न करताना व्हॅलिडेशन त्रुटी दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/validation-error.8bd23e98d416c22f.webp)
 
 **तुम्ही काय निरीक्षण कराल:**
 - **ब्राउझर दर्शवतो** मूळ व्हॅलिडेशन संदेश
@@ -821,7 +821,7 @@ timeline
 
 थोड्या CSS शैली जोडल्यावर अंतिम लॉगिन पृष्ठ कसे दिसू शकते याचे उदाहरण येथे आहे:
 
-![लॉगिन पृष्ठाचा स्क्रीनशॉट CSS शैली जोडल्यावर](../../../../translated_images/mr/result.96ef01f607bf856a.png)
+![लॉगिन पृष्ठाचा स्क्रीनशॉट CSS शैली जोडल्यावर](../../../../translated_images/mr/result.96ef01f607bf856a.webp)
 
 ## व्याख्यानानंतरचा क्विझ
 
diff --git a/translations/mr/7-bank-project/3-data/README.md b/translations/mr/7-bank-project/3-data/README.md
index 4db23f279..01e1b81d0 100644
--- a/translations/mr/7-bank-project/3-data/README.md
+++ b/translations/mr/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![मल्टी-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/mpa.7f7375a1a2d4aa77.png)
+![मल्टी-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/mpa.7f7375a1a2d4aa77.webp)
 
 **हा दृष्टिकोन क्लंकी का वाटला:**
 - प्रत्येक क्लिकने संपूर्ण पृष्ठ पुन्हा तयार करणे आवश्यक होते
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![सिंगल-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/spa.268ec73b41f992c2.png)
+![सिंगल-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/spa.268ec73b41f992c2.webp)
 
 **SPAs चांगले का वाटतात:**
 - फक्त बदललेले भाग अपडेट होतात (चतुर, बरोबर?)
@@ -480,7 +480,7 @@ if (data.error) {
 
 आता जेव्हा तुम्ही अवैध खात्याने चाचणी कराल, तेव्हा तुम्हाला पृष्ठावरच एक उपयुक्त त्रुटी संदेश दिसेल!
 
-![लॉगिन दरम्यान त्रुटी संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/login-error.416fe019b36a6327.png)
+![लॉगिन दरम्यान त्रुटी संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/login-error.416fe019b36a6327.webp)
 
 #### चरण 4: अॅक्सेसिबिलिटीसह समावेशक असणे
 
@@ -843,7 +843,7 @@ Agent मोड वापरून खालील आव्हान पूर
 
 पॉलिश केलेला डॅशबोर्ड कसा दिसू शकतो याचे उदाहरण येथे आहे:
 
-![डॅशबोर्डचे स्टाइलिंगनंतरचे उदाहरण परिणामाचे स्क्रीनशॉट](../../../../translated_images/mr/screen2.123c82a831a1d14a.png)
+![डॅशबोर्डचे स्टाइलिंगनंतरचे उदाहरण परिणामाचे स्क्रीनशॉट](../../../../translated_images/mr/screen2.123c82a831a1d14a.webp)
 
 तुम्हाला हे अचूकपणे जुळवायचे आहे असे वाटत नाही - याचा प्रेरणास्रोत म्हणून वापर करा आणि ते तुमचे स्वतःचे बनवा!
 
diff --git a/translations/mr/7-bank-project/4-state-management/README.md b/translations/mr/7-bank-project/4-state-management/README.md
index a281c379d..40d951a5f 100644
--- a/translations/mr/7-bank-project/4-state-management/README.md
+++ b/translations/mr/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ mindmap
 
 आम्ही आमच्या शेपटीचा पाठलाग करण्याऐवजी, आम्ही एक **केंद्रीकृत स्टेट मॅनेजमेंट** सिस्टम तयार करणार आहोत. हे सर्व महत्त्वाच्या गोष्टींच्या व्यवस्थेसाठी एक अतिशय व्यवस्थित व्यक्ती असल्यासारखे विचार करा:
 
-![HTML, वापरकर्ता क्रिया आणि स्टेट दरम्यान डेटा प्रवाह दर्शवणारी योजना](../../../../translated_images/mr/data-flow.fa2354e0908fecc8.png)
+![HTML, वापरकर्ता क्रिया आणि स्टेट दरम्यान डेटा प्रवाह दर्शवणारी योजना](../../../../translated_images/mr/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
diff --git a/translations/mr/7-bank-project/4-state-management/assignment.md b/translations/mr/7-bank-project/4-state-management/assignment.md
index 60f7b85b2..fa9500ce7 100644
--- a/translations/mr/7-bank-project/4-state-management/assignment.md
+++ b/translations/mr/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA:
 **अपेक्षित परिणाम:**
 ही असाइनमेंट पूर्ण केल्यानंतर, तुमच्या बँकिंग अ‍ॅपमध्ये एक पूर्ण कार्यक्षम "ट्रान्झॅक्शन जोडा" सुविधा असावी जी व्यावसायिकपणे दिसते आणि वागते:
 
-![उदाहरण "ट्रान्झॅक्शन जोडा" संवाद दर्शविणारा स्क्रीनशॉट](../../../../translated_images/mr/dialog.93bba104afeb79f1.png)
+![उदाहरण "ट्रान्झॅक्शन जोडा" संवाद दर्शविणारा स्क्रीनशॉट](../../../../translated_images/mr/dialog.93bba104afeb79f1.webp)
 
 ## तुमची अंमलबजावणी चाचणी करणे
 
diff --git a/translations/mr/7-bank-project/README.md b/translations/mr/7-bank-project/README.md
index 2ab0fed3c..99620fb99 100644
--- a/translations/mr/7-bank-project/README.md
+++ b/translations/mr/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 या प्रकल्पात, तुम्ही काल्पनिक बँक कशी तयार करायची ते शिकाल. या धड्यांमध्ये वेब अ‍ॅप कसे मांडायचे आणि रूट्स प्रदान करायचे, फॉर्म तयार करायचे, स्टेट व्यवस्थापित करायचे, आणि API मधून डेटा कसा आणायचा ज्यामधून तुम्ही बँकेचा डेटा मिळवू शकता याचे मार्गदर्शन दिले आहे.
 
-| ![Screen1](../../../translated_images/mr/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/mr/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/mr/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/mr/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## धडे
diff --git a/translations/mr/8-code-editor/1-using-a-code-editor/README.md b/translations/mr/8-code-editor/1-using-a-code-editor/README.md
index 85d92b2e3..fda1fec28 100644
--- a/translations/mr/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/mr/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ VSCode.dev या क्षमतांना तुमच्या ब्रा
 
 सर्व काही लोड झाल्यावर, तुम्हाला एक सुंदर स्वच्छ कार्यक्षेत्र दिसेल जे तुम्हाला महत्त्वाच्या गोष्टींवर लक्ष केंद्रित ठेवण्यासाठी डिझाइन केले आहे – तुमचा कोड!
 
-![Default VSCode.dev interface](../../../../translated_images/mr/default-vscode-dev.5d06881d65c1b323.png)
+![Default VSCode.dev interface](../../../../translated_images/mr/default-vscode-dev.5d06881d65c1b323.webp)
 
 **तुमच्या परिसराचा दौरा:**
 - **अॅक्टिव्हिटी बार** (डाव्या बाजूचा पट्टा): तुमची मुख्य नेव्हिगेशन Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, आणि Settings ⚙️ सह
@@ -233,7 +233,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस
 1. [VSCode.dev](https://vscode.dev) वर जा जर तुम्ही आधीपासून तिथे नसाल
 2. स्वागत स्क्रीनवरील "Open Remote Repository" बटण शोधा आणि त्यावर क्लिक करा
 
-   ![Open remote repository](../../../../translated_images/mr/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Open remote repository](../../../../translated_images/mr/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. कोणत्याही GitHub रिपॉझिटरी URL पेस्ट करा (हे वापरून पहा: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Enter दाबा आणि जादू पहा!
@@ -242,7 +242,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस
 
 कोडिंग जादूगारासारखे वाटायचे आहे का? हा कीबोर्ड शॉर्टकट वापरून पहा: Ctrl+Shift+P (किंवा Mac वर Cmd+Shift+P) कमांड पॅलेट उघडण्यासाठी:
 
-![Command Palette](../../../../translated_images/mr/palette-menu.4946174e07f42622.png)
+![Command Palette](../../../../translated_images/mr/palette-menu.4946174e07f42622.webp)
 
 **कमांड पॅलेट म्हणजे तुम्ही करू शकता अशा प्रत्येक गोष्टीसाठी शोध इंजिन असल्यासारखे आहे:**
 - "open remote" टाइप करा आणि ते तुमच्यासाठी रिपॉझिटरी ओपनर शोधेल
@@ -304,7 +304,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस
 3. योग्य एक्सटेंशनसह फाइलचे नाव प्रविष्ट करा (`style.css`, `script.js`, `index.html`)
 4. फाइल तयार करण्यासाठी Enter दाबा
 
-![Creating a new file](../../../../translated_images/mr/create-new-file.2814e609c2af9aeb.png)
+![Creating a new file](../../../../translated_images/mr/create-new-file.2814e609c2af9aeb.webp)
 
 **नाव देण्याचे नियम:**
 - फाइलचा उद्देश सूचित करणारी वर्णनात्मक नावे वापरा
@@ -385,7 +385,7 @@ mindmap
 2. ब्राउझ करा किंवा काहीतरी विशिष्ट शोधा
 3. जे काही मनोरंजक वाटते त्यावर क्लिक करा आणि त्याबद्दल अधिक जाणून घ्या
 
-![Extension marketplace interface](../../../../translated_images/mr/extensions.eca0e0c7f59a10b5.png)
+![Extension marketplace interface](../../../../translated_images/mr/extensions.eca0e0c7f59a10b5.webp)
 
 **आपण तिथे काय पाहाल:**
 
@@ -438,7 +438,7 @@ mindmap
 3. ड्रॉपडाउनमधून "Extension Settings" निवडा
 4. आपल्या कार्यप्रवाहासाठी योग्य वाटेपर्यंत गोष्टी समायोजित करा
 
-![Customizing extension settings](../../../../translated_images/mr/extension-settings.21c752ae4f4cdb78.png)
+![Customizing extension settings](../../../../translated_images/mr/extension-settings.21c752ae4f4cdb78.webp)
 
 **आपण समायोजित करू इच्छित सामान्य गोष्टी:**
 - आपला कोड कसा फॉर्मॅट होतो (tabs vs spaces, line length, इ.)
diff --git a/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md b/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md
index 83343c03d..b7dcc89be 100644
--- a/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ VSCode.dev मध्ये रेपॉझिटरी उघडण्यास
 4. एक कमिट संदेश लिहा: "Add initial HTML structure"
 5. आपले बदल सेव्ह करण्यासाठी "Commit new file" वर क्लिक करा
 
-![GitHub वर प्रारंभिक फाइल तयार करणे](../../../../translated_images/mr/new-file-github.com.c886796d800e8056.png)
+![GitHub वर प्रारंभिक फाइल तयार करणे](../../../../translated_images/mr/new-file-github.com.c886796d800e8056.webp)
 
 **या प्रारंभिक सेटअपने काय साध्य केले आहे:**
 - HTML5 दस्तऐवज रचना योग्य प्रकारे स्थापित करते
@@ -104,7 +104,7 @@ VSCode.dev मध्ये रेपॉझिटरी उघडण्यास
 
 ✅ **यशाचा संकेत**: आपल्याला Explorer साइडबारमध्ये आपली प्रोजेक्ट फाइल्स दिसतील आणि मुख्य संपादक क्षेत्रात `index.html` संपादनासाठी उपलब्ध असेल.
 
-![VSCode.dev मध्ये प्रोजेक्ट लोड केले](../../../../translated_images/mr/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![VSCode.dev मध्ये प्रोजेक्ट लोड केले](../../../../translated_images/mr/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **इंटरफेसमध्ये आपण काय पाहाल:**
 - **Explorer साइडबार**: **आपल्या रेपॉझिटरी फाइल्स आणि फोल्डर रचना दर्शवते**
@@ -448,7 +448,7 @@ li:before {
 **इंस्टॉलेशननंतर त्वरित परिणाम:**
 CodeSwing इंस्टॉल झाल्यानंतर, आपल्याला आपल्या रिझ्युम वेबसाइटचा लाइव्ह प्रिव्ह्यू संपादकात दिसेल. यामुळे आपण बदल करत असताना आपली साइट कशी दिसते हे पाहण्याची परवानगी मिळते.
 
-![CodeSwing एक्सटेंशन लाइव्ह प्रिव्ह्यू दर्शवित आहे](../../../../translated_images/mr/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![CodeSwing एक्सटेंशन लाइव्ह प्रिव्ह्यू दर्शवित आहे](../../../../translated_images/mr/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **सुधारित इंटरफेस समजून घेणे:**
 - **स्प्लिट व्ह्यू**: **आपला कोड एका बाजूला आणि लाइव्ह प्रिव्ह्यू दुसऱ्या बाजूला दर्शवते**
diff --git a/translations/mr/9-chat-project/README.md b/translations/mr/9-chat-project/README.md
index 3f9d45fc6..bc8a6d52f 100644
--- a/translations/mr/9-chat-project/README.md
+++ b/translations/mr/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 तुमच्या पूर्ण प्रकल्पाचे अंतिम स्वरूप असे दिसेल:
 
-![चॅट अॅप इंटरफेस वापरकर्ता आणि एआय असिस्टंटमधील संवाद दर्शवित आहे](../../../translated_images/mr/screenshot.0a1ee0d123df681b.png)
+![चॅट अॅप इंटरफेस वापरकर्ता आणि एआय असिस्टंटमधील संवाद दर्शवित आहे](../../../translated_images/mr/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ एआय अॅप्लिकेशन डेव्हलपमेंटमधील तुमचा शिक्षण प्रवास
 
@@ -192,7 +192,7 @@ mindmap
 
 **मूलभूत तत्त्व**: एआय अॅप्लिकेशन डेव्हलपमेंट पारंपरिक वेब डेव्हलपमेंट कौशल्यांना एआय सेवा इंटिग्रेशनसह एकत्र करते, बुद्धिमान अॅप्लिकेशन्स तयार करते जे वापरकर्त्यांना नैसर्गिक आणि प्रतिसादात्मक वाटतात.
 
-![GitHub Models AI Playground इंटरफेस मॉडेल निवड आणि चाचणी क्षेत्रासह](../../../translated_images/mr/playground.d2b927122224ff8f.png)
+![GitHub Models AI Playground इंटरफेस मॉडेल निवड आणि चाचणी क्षेत्रासह](../../../translated_images/mr/playground.d2b927122224ff8f.webp)
 
 **प्लेग्राउंड इतके उपयुक्त का आहे:**
 - **वेगवेगळे एआय मॉडेल्स** जसे GPT-4o-mini, Claude आणि इतर (सर्व विनामूल्य!) वापरून पहा
@@ -202,7 +202,7 @@ mindmap
 
 थोडा प्रयोग केल्यानंतर, फक्त "Code" टॅबवर क्लिक करा आणि तुमची प्रोग्रामिंग भाषा निवडा, ज्यामुळे तुम्हाला लागणारा अंमलबजावणी कोड मिळेल.
 
-![प्लेग्राउंड निवड कोड जनरेशन पर्याय वेगवेगळ्या प्रोग्रामिंग भाषांसाठी दर्शवित आहे](../../../translated_images/mr/playground-choice.1d23ba7d407f4758.png)
+![प्लेग्राउंड निवड कोड जनरेशन पर्याय वेगवेगळ्या प्रोग्रामिंग भाषांसाठी दर्शवित आहे](../../../translated_images/mr/playground-choice.1d23ba7d407f4758.webp)
 
 ## Python बॅकएंड इंटिग्रेशन सेट करणे
 
@@ -1883,14 +1883,14 @@ mindmap
 - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) वर जा  
 - वरच्या उजव्या कोपऱ्यात "Use this template" वर क्लिक करा (तुम्ही GitHub मध्ये लॉग इन असल्याची खात्री करा)  
 
-![टेम्पलेट इंटरफेस तयार करा ज्यामध्ये हिरव्या "Use this template" बटणाचा समावेश आहे](../../../translated_images/mr/template.67ad477109d29a2b.png)  
+![टेम्पलेट इंटरफेस तयार करा ज्यामध्ये हिरव्या "Use this template" बटणाचा समावेश आहे](../../../translated_images/mr/template.67ad477109d29a2b.webp)  
 
 **पायरी 2: Codespaces लॉन्च करा**  
 - तुमच्या नव्याने तयार केलेल्या रिपॉझिटरी उघडा  
 - हिरव्या "Code" बटणावर क्लिक करा आणि "Codespaces" निवडा  
 - "Create codespace on main" निवडा आणि तुमचे विकास वातावरण सुरू करा  
 
-![Codespace इंटरफेस तयार करा ज्यामध्ये क्लाउड विकास वातावरण सुरू करण्याचे पर्याय आहेत](../../../translated_images/mr/codespace.bcecbdf5d2747d3d.png)  
+![Codespace इंटरफेस तयार करा ज्यामध्ये क्लाउड विकास वातावरण सुरू करण्याचे पर्याय आहेत](../../../translated_images/mr/codespace.bcecbdf5d2747d3d.webp)  
 
 **पायरी 3: वातावरण कॉन्फिगरेशन**  
 तुमचे Codespace लोड झाल्यावर, तुम्हाला खालील गोष्टींमध्ये प्रवेश मिळेल:  
diff --git a/translations/mr/README.md b/translations/mr/README.md
index 39ea4eed4..0134bbc2c 100644
--- a/translations/mr/README.md
+++ b/translations/mr/README.md
@@ -72,13 +72,13 @@ Azure AI Foundry Discord समुदायात सामील व्हा
 
 प्रारंभ करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
-![Background](../../translated_images/mr/background.148a8d43afde5730.png)
+![Background](../../translated_images/mr/background.148a8d43afde5730.webp)
 
 - मुलभूत पासून RAG पर्यंत सगळ्या गोष्टींचा समावेश असलेले धडे.
 - GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
 - मजेशीर आणि आकर्षक कथाकथन, तुम्ही काळ प्रवास करता!
 
-![character](../../translated_images/mr/character.5c0dd8e067ffd693.png)
+![character](../../translated_images/mr/character.5c0dd8e067ffd693.webp)
 
 
 प्रत्येक धड्यांत पूर्ण करण्यासाठी एक असाइनमेंट, ज्ञान तपासणी आणि आव्हान असते ज्यामुळे आपण पुढील विषय शिकता:
@@ -115,7 +115,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
 
 तुमच्या तयार केलेल्या या रिपॉझिटरीच्या प्रतिप्रत मध्ये **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुम्हाला कार्य करण्यासाठी नवीन Codespace तयार होईल.
 
-![Codespace](../../translated_images/mr/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/mr/createcodespace.0238bbf4d7a8d955.webp)
 
 #### आपल्याक computer वर स्थानिकरित्या अभ्यासक्रम चालवणे
 
diff --git a/translations/mr/for-teachers.md b/translations/mr/for-teachers.md
index f6ac493f4..20dfed56c 100644
--- a/translations/mr/for-teachers.md
+++ b/translations/mr/for-teachers.md
@@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA:
   - Moodle Cloud मध्ये Common Cartridge साठी मर्यादित समर्थन आहे. वरील Moodle फाइलला प्राधान्य द्या, जी Canvas मध्ये देखील अपलोड केली जाऊ शकते.
   - आयात केल्यानंतर, तुमच्या टर्म शेड्यूलशी जुळण्यासाठी मॉड्यूल्स, देय तारखा आणि क्विझ सेटिंग्ज पुनरावलोकन करा.
 
-![Moodle](../../translated_images/mr/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/mr/moodle.94eb93d714a50cb2.webp)
 > Moodle वर्गात अभ्यासक्रम
 
-![Canvas](../../translated_images/mr/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/mr/canvas.fbd605ff8e5b8aff.webp)
 > Canvas मध्ये अभ्यासक्रम
 
 ### थेट रिपॉझिटरी वापरा (Classroom न वापरता)
diff --git a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 7d72e8951..45b2ae00f 100644
--- a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Dengar, saya faham sepenuhnya jika pengaturcaraan terasa menakutkan sekarang. Ke
 
 Hari ini, kita akan meneroka alat luar biasa yang menjadikan pembangunan web moden bukan sahaja mungkin, tetapi sangat menyeronokkan. Saya bercakap tentang editor, pelayar, dan aliran kerja yang sama yang digunakan oleh pembangun di Netflix, Spotify, dan studio aplikasi indie kegemaran anda setiap hari. Dan inilah bahagian yang akan membuatkan anda menari kegembiraan: kebanyakan alat profesional ini adalah percuma!
 
-![Intro Programming](../../../../translated_images/ms/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/ms/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ms/1-getting-started-lessons/2-github-basics/README.md b/translations/ms/1-getting-started-lessons/2-github-basics/README.md
index 2cbb60cc6..1c3d9b11b 100644
--- a/translations/ms/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/ms/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ Saya tahu ini mungkin terasa banyak pada mulanya – malah, saya masih ingat men
 
 Kita akan melalui perjalanan ini bersama-sama, satu langkah pada satu masa. Tiada tergesa-gesa, tiada tekanan – hanya anda, saya, dan beberapa alat yang sangat hebat yang akan menjadi sahabat baru anda!
 
-![Pengenalan kepada GitHub](../../../../translated_images/ms/webdev101-github.8846d7971abef6f9.png)
+![Pengenalan kepada GitHub](../../../../translated_images/ms/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -610,7 +610,7 @@ Pertama, mari kita cari repositori (atau **repo**) di GitHub yang menarik minat
 
 ✅ Cara yang baik untuk mencari repo 'mesra pemula' adalah dengan [mencari tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
 
-![Salin repo secara tempatan](../../../../translated_images/ms/clone_repo.5085c48d666ead57.png)
+![Salin repo secara tempatan](../../../../translated_images/ms/clone_repo.5085c48d666ead57.webp)
 
 Terdapat beberapa cara untuk menyalin kod. Salah satu cara adalah dengan "clone" kandungan repositori, menggunakan HTTPS, SSH, atau menggunakan GitHub CLI (Command Line Interface).
 
diff --git a/translations/ms/1-getting-started-lessons/3-accessibility/README.md b/translations/ms/1-getting-started-lessons/3-accessibility/README.md
index 9198fb410..73762572d 100644
--- a/translations/ms/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/ms/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Membuat Laman Web yang Mesra Akses
 
-![Semua Tentang Kebolehcapaian](../../../../translated_images/ms/webdev101-a11y.8ef3025c858d897a.png)
+![Semua Tentang Kebolehcapaian](../../../../translated_images/ms/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ms/2-js-basics/1-data-types/README.md b/translations/ms/2-js-basics/1-data-types/README.md
index c0a616699..509b44101 100644
--- a/translations/ms/2-js-basics/1-data-types/README.md
+++ b/translations/ms/2-js-basics/1-data-types/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Asas JavaScript: Jenis Data
 
-![Asas JavaScript - Jenis Data](../../../../translated_images/ms/webdev101-js-datatypes.4cc470179730702c.png)
+![Asas JavaScript - Jenis Data](../../../../translated_images/ms/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ms/2-js-basics/2-functions-methods/README.md b/translations/ms/2-js-basics/2-functions-methods/README.md
index 4cb6400a9..58a4feb7d 100644
--- a/translations/ms/2-js-basics/2-functions-methods/README.md
+++ b/translations/ms/2-js-basics/2-functions-methods/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Asas JavaScript: Kaedah dan Fungsi
 
-![Asas JavaScript - Fungsi](../../../../translated_images/ms/webdev101-js-functions.be049c4726e94f8b.png)
+![Asas JavaScript - Fungsi](../../../../translated_images/ms/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ms/2-js-basics/3-making-decisions/README.md b/translations/ms/2-js-basics/3-making-decisions/README.md
index 29d04f1e2..35e356e30 100644
--- a/translations/ms/2-js-basics/3-making-decisions/README.md
+++ b/translations/ms/2-js-basics/3-making-decisions/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Asas JavaScript: Membuat Keputusan
 
-![Asas JavaScript - Membuat keputusan](../../../../translated_images/ms/webdev101-js-decisions.69e1b20f272dd1f0.png)
+![Asas JavaScript - Membuat keputusan](../../../../translated_images/ms/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
diff --git a/translations/ms/2-js-basics/4-arrays-loops/README.md b/translations/ms/2-js-basics/4-arrays-loops/README.md
index f32fa81f1..5950399cf 100644
--- a/translations/ms/2-js-basics/4-arrays-loops/README.md
+++ b/translations/ms/2-js-basics/4-arrays-loops/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # Asas JavaScript: Array dan Gelung
 
-![Asas JavaScript - Array](../../../../translated_images/ms/webdev101-js-arrays.439d7528b8a29455.png)
+![Asas JavaScript - Array](../../../../translated_images/ms/webdev101-js-arrays.439d7528b8a29455.webp)
 > Nota sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/ms/3-terrarium/1-intro-to-html/README.md b/translations/ms/3-terrarium/1-intro-to-html/README.md
index 548011874..69f714edb 100644
--- a/translations/ms/3-terrarium/1-intro-to-html/README.md
+++ b/translations/ms/3-terrarium/1-intro-to-html/README.md
@@ -26,7 +26,7 @@ journey
       Build terrarium: 5: Student
 ```
 
-![Pengenalan kepada HTML](../../../../translated_images/ms/webdev101-html.4389c2067af68e98.png)
+![Pengenalan kepada HTML](../../../../translated_images/ms/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 HTML, atau HyperText Markup Language, adalah asas kepada setiap laman web yang pernah anda lawati. Fikirkan HTML sebagai rangka yang memberikan struktur kepada halaman web – ia menentukan di mana kandungan diletakkan, bagaimana ia diatur, dan apa yang setiap bahagian wakili. Walaupun CSS nanti akan "menghias" HTML anda dengan warna dan susunan, dan JavaScript akan menghidupkannya dengan interaktiviti, HTML menyediakan struktur penting yang menjadikan segalanya mungkin.
@@ -88,7 +88,7 @@ Anda akan mencipta folder khusus untuk projek terrarium anda dan menambah fail H
 4. Dalam panel Explorer, klik ikon "New File"
 5. Namakan fail anda `index.html`
 
-![Explorer VS Code menunjukkan penciptaan fail baru](../../../../translated_images/ms/vs-code-index.e2986cf919471eb9.png)
+![Explorer VS Code menunjukkan penciptaan fail baru](../../../../translated_images/ms/vs-code-index.e2986cf919471eb9.webp)
 
 **Pilihan 2: Menggunakan Perintah Terminal**
 ```bash
diff --git a/translations/ms/3-terrarium/2-intro-to-css/README.md b/translations/ms/3-terrarium/2-intro-to-css/README.md
index 012111874..a2399f9c4 100644
--- a/translations/ms/3-terrarium/2-intro-to-css/README.md
+++ b/translations/ms/3-terrarium/2-intro-to-css/README.md
@@ -30,7 +30,7 @@ journey
       Glass reflections: 5: Student
 ```
 
-![Pengenalan kepada CSS](../../../../translated_images/ms/webdev101-css.3f7af5991bf53a20.png)
+![Pengenalan kepada CSS](../../../../translated_images/ms/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Ingat bagaimana HTML terrarium anda kelihatan agak asas? CSS adalah tempat kita mengubah struktur biasa itu menjadi sesuatu yang menarik secara visual.
@@ -205,7 +205,7 @@ body {
 
 Buka alat pembangun pelayar anda (F12), navigasi ke tab Elemen, dan periksa elemen `<h1>` anda. Anda akan melihat bahawa ia mewarisi keluarga fon dari body:
 
-![fon diwarisi](../../../../translated_images/ms/1.cc07a5cbe114ad1d.png)
+![fon diwarisi](../../../../translated_images/ms/1.cc07a5cbe114ad1d.webp)
 
 ✅ **Masa Eksperimen**: Cuba tetapkan sifat lain yang boleh diwarisi pada `<body>` seperti `color`, `line-height`, atau `text-align`. Apa yang berlaku pada tajuk dan elemen lain anda?
 
@@ -599,7 +599,7 @@ Bersedia untuk meningkatkan terrarium anda dengan refleksi kaca yang realistik?
 
 Anda akan mencipta sorotan halus yang mensimulasikan bagaimana cahaya memantul dari permukaan kaca. Pendekatan ini serupa dengan bagaimana pelukis Renaissance seperti Jan van Eyck menggunakan cahaya dan pantulan untuk membuat kaca yang dilukis kelihatan tiga dimensi. Berikut adalah apa yang anda sasarkan:
 
-![terrarium siap](../../../../translated_images/ms/terrarium-final.2f07047ffc597d0a.png)
+![terrarium siap](../../../../translated_images/ms/terrarium-final.2f07047ffc597d0a.webp)
 
 **Cabaran anda:**
 - **Cipta** bentuk bujur putih atau warna terang untuk refleksi kaca
diff --git a/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md
index b4366ddea..3f9ba8fd9 100644
--- a/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -26,7 +26,7 @@ journey
       Complete terrarium: 5: Student
 ```
 
-![DOM dan penutupan](../../../../translated_images/ms/webdev101-js.10280393044d7eaa.png)
+![DOM dan penutupan](../../../../translated_images/ms/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 Selamat datang ke salah satu aspek paling menarik dalam pembangunan web - menjadikan sesuatu interaktif! Document Object Model (DOM) adalah seperti jambatan antara HTML dan JavaScript anda, dan hari ini kita akan menggunakannya untuk menghidupkan terrarium anda. Apabila Tim Berners-Lee mencipta pelayar web pertama, beliau membayangkan web di mana dokumen boleh menjadi dinamik dan interaktif - DOM menjadikan visi itu mungkin.
@@ -105,7 +105,7 @@ flowchart TD
     style Q fill:#ffebee
 ```
 
-![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.png)
+![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.webp)
 
 > Representasi DOM dan markup HTML yang merujuknya. Daripada [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -150,7 +150,7 @@ flowchart LR
 
 > 💡 **Memahami Penutupan**: Penutupan adalah topik penting dalam JavaScript, dan ramai pembangun menggunakannya selama bertahun-tahun sebelum memahami sepenuhnya semua aspek teori. Hari ini, kita fokus pada aplikasi praktikal - anda akan melihat penutupan muncul secara semula jadi semasa kita membina ciri interaktif kita. Pemahaman akan berkembang apabila anda melihat bagaimana ia menyelesaikan masalah sebenar.
 
-![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.png)
+![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.webp)
 
 > Representasi DOM dan markup HTML yang merujuknya. Daripada [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
@@ -598,7 +598,7 @@ Sekarang uji terrarium interaktif anda! Buka fail `index.html` anda dalam pelaya
 - **Sokongan merentas peranti**: Berfungsi pada desktop dan mudah alih
 - **Sedarkan prestasi**: Tiada kebocoran memori atau pengiraan berlebihan
 
-![terrarium siap](../../../../translated_images/ms/terrarium-final.0920f16e87c13a84.png)
+![terrarium siap](../../../../translated_images/ms/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
diff --git a/translations/ms/3-terrarium/solution/README.md b/translations/ms/3-terrarium/solution/README.md
index 68f1895b1..45f8a0b8b 100644
--- a/translations/ms/3-terrarium/solution/README.md
+++ b/translations/ms/3-terrarium/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Sebuah meditasi kod kecil dengan fungsi seret dan lepas. Dengan sedikit HTML, JS, dan CSS, anda boleh membina antara muka web, menghiasnya, dan menambah interaksi.
 
-![terrarium saya](../../../../translated_images/ms/screenshot_gray.0c796099a1f9f25e.png)
+![terrarium saya](../../../../translated_images/ms/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Kredit
 
diff --git a/translations/ms/5-browser-extension/1-about-browsers/README.md b/translations/ms/5-browser-extension/1-about-browsers/README.md
index ede47fcd7..af45f6a47 100644
--- a/translations/ms/5-browser-extension/1-about-browsers/README.md
+++ b/translations/ms/5-browser-extension/1-about-browsers/README.md
@@ -26,7 +26,7 @@ journey
       Polish experience: 5: Student
 ```
 
-![Sketchnote Penyemak Imbas](../../../../translated_images/ms/browser.60317c9be8b7f84a.jpg)
+![Sketchnote Penyemak Imbas](../../../../translated_images/ms/browser.60317c9be8b7f84a.webp)
 > Sketchnote oleh [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Kuiz Pra-Kuliah
@@ -79,7 +79,7 @@ Proses ini mencerminkan bagaimana penyemak imbas pertama, WorldWideWeb, direka o
 
 ✅ **Sedikit sejarah**: Penyemak imbas pertama dipanggil 'WorldWideWeb' dan dicipta oleh Sir Timothy Berners-Lee pada tahun 1990.
 
-![penyemak imbas awal](../../../../translated_images/ms/earlybrowsers.d984b711cdf3a42d.jpg)
+![penyemak imbas awal](../../../../translated_images/ms/earlybrowsers.d984b711cdf3a42d.webp)
 > Beberapa penyemak imbas awal, melalui [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 ### Bagaimana Penyemak Imbas Memproses Kandungan Web
@@ -198,7 +198,7 @@ quadrantChart
 
 Memahami proses pemasangan sambungan membantu anda menjangkakan pengalaman pengguna apabila orang memasang sambungan anda. Proses pemasangan adalah standard merentas penyemak imbas moden, dengan sedikit variasi dalam reka bentuk antara muka.
 
-![tangkapan skrin penyemak imbas Edge menunjukkan halaman edge://extensions yang terbuka dan menu tetapan yang terbuka](../../../../translated_images/ms/install-on-edge.d68781acaf0b3d3d.png)
+![tangkapan skrin penyemak imbas Edge menunjukkan halaman edge://extensions yang terbuka dan menu tetapan yang terbuka](../../../../translated_images/ms/install-on-edge.d68781acaf0b3d3d.webp)
 
 > **Penting**: Pastikan untuk menghidupkan mod pembangun dan benarkan sambungan daripada kedai lain semasa menguji sambungan anda sendiri.
 
@@ -313,10 +313,10 @@ Ini mengikuti prinsip pendedahan progresif yang digunakan dalam reka bentuk anta
 ### Gambaran Keseluruhan Paparan Sambungan
 
 **Paparan Persediaan** - Konfigurasi pengguna kali pertama:
-![tangkapan skrin sambungan yang lengkap dibuka dalam penyemak imbas, memaparkan borang dengan input untuk nama kawasan dan kunci API.](../../../../translated_images/ms/1.b6da8c1394b07491.png)
+![tangkapan skrin sambungan yang lengkap dibuka dalam penyemak imbas, memaparkan borang dengan input untuk nama kawasan dan kunci API.](../../../../translated_images/ms/1.b6da8c1394b07491.webp)
 
 **Paparan Hasil** - Paparan data jejak karbon:
-![tangkapan skrin sambungan yang lengkap memaparkan nilai penggunaan karbon dan peratusan bahan api fosil untuk kawasan US-NEISO.](../../../../translated_images/ms/2.1dae52ff08042246.png)
+![tangkapan skrin sambungan yang lengkap memaparkan nilai penggunaan karbon dan peratusan bahan api fosil untuk kawasan US-NEISO.](../../../../translated_images/ms/2.1dae52ff08042246.webp)
 
 ### Membina Borang Konfigurasi
 
diff --git a/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md
index 0fe5e4cba..43c002f40 100644
--- a/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -268,7 +268,7 @@ stateDiagram-v2
     ClearStorage --> FirstTime: Back to setup
 ```
 
-![Panel penyimpanan tempatan](../../../../translated_images/ms/localstorage.472f8147b6a3f8d1.png)
+![Panel penyimpanan tempatan](../../../../translated_images/ms/localstorage.472f8147b6a3f8d1.webp)
 
 > ⚠️ **Pertimbangan Keselamatan**: Dalam aplikasi pengeluaran, menyimpan kunci API dalam LocalStorage menimbulkan risiko keselamatan kerana JavaScript boleh mengakses data ini. Untuk tujuan pembelajaran, pendekatan ini berfungsi dengan baik, tetapi aplikasi sebenar harus menggunakan penyimpanan pelayan yang selamat untuk kelayakan sensitif.
 
diff --git a/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md
index 90e5823f0..6df3b6cfb 100644
--- a/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -126,7 +126,7 @@ Untuk membuka Alat Pembangun di Edge, klik tiga titik di sudut kanan atas, kemud
 
 Mari cuba ini. Buka laman web (Microsoft.com berfungsi dengan baik untuk ini) dan klik butang 'Rekod'. Sekarang segarkan halaman dan lihat profiler menangkap segala yang berlaku. Apabila anda berhenti merekod, anda akan melihat pecahan terperinci tentang bagaimana pelayar 'menykrip', 'merender', dan 'melukis' laman tersebut. Ia mengingatkan saya bagaimana pusat kawalan misi memantau setiap sistem semasa pelancaran roket - anda mendapat data masa nyata tentang apa yang berlaku dan bila.
 
-![Profiler Edge](../../../../translated_images/ms/profiler.5a4a62479c5df01c.png)
+![Profiler Edge](../../../../translated_images/ms/profiler.5a4a62479c5df01c.webp)
 
 ✅ Dokumentasi [Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) mempunyai banyak lagi butiran jika anda ingin mendalami lebih jauh
 
@@ -136,11 +136,11 @@ Pilih elemen garis masa profil untuk memperbesar acara yang berlaku semasa halam
 
 Dapatkan gambaran prestasi halaman anda dengan memilih bahagian garis masa profil dan melihat panel ringkasan:
 
-![Snapshot profiler Edge](../../../../translated_images/ms/snapshot.97750180ebcad737.png)
+![Snapshot profiler Edge](../../../../translated_images/ms/snapshot.97750180ebcad737.webp)
 
 Periksa panel Log Acara untuk melihat jika ada acara yang mengambil masa lebih daripada 15 ms:
 
-![Log acara Edge](../../../../translated_images/ms/log.804026979f3707e0.png)
+![Log acara Edge](../../../../translated_images/ms/log.804026979f3707e0.webp)
 
 ✅ Kenali profiler anda! Buka alat pembangun di laman ini dan lihat jika ada halangan. Apakah aset yang paling lambat dimuatkan? Yang paling pantas?
 
diff --git a/translations/ms/5-browser-extension/README.md b/translations/ms/5-browser-extension/README.md
index f086173db..1d9138f88 100644
--- a/translations/ms/5-browser-extension/README.md
+++ b/translations/ms/5-browser-extension/README.md
@@ -23,7 +23,7 @@ Sambungan ini boleh dipanggil secara ad hoc oleh pengguna setelah kunci API dan
 
 ### Kredit
 
-![sambungan pelayar berwarna hijau](../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![sambungan pelayar berwarna hijau](../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Kredit
 
diff --git a/translations/ms/5-browser-extension/solution/README.md b/translations/ms/5-browser-extension/solution/README.md
index 3e0eb072e..130e4b043 100644
--- a/translations/ms/5-browser-extension/solution/README.md
+++ b/translations/ms/5-browser-extension/solution/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API C02 Signal daripada tmrow untuk menjejak penggunaan elektrik, bina sambungan pelayar supaya anda boleh mendapat peringatan terus di pelayar anda tentang seberapa berat penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat ini.
 
-![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulakan
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel Sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu di sini melalui emel](https://www.co2signal.com/) - masukkan emel anda di kotak pada halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Electricity Map](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO').
 
-![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan panduan tentang aktiviti berat tenaga yang sesuai untuk anda lakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/solution/translation/README.fr.md b/translations/ms/5-browser-extension/solution/translation/README.fr.md
index dbbbdcddf..8c698da4b 100644
--- a/translations/ms/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/ms/5-browser-extension/solution/translation/README.fr.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Dengan menggunakan API C02 Signal daripada tmrow untuk menjejaki penggunaan elektrik, cipta sambungan penyemak imbas supaya anda boleh mendapat peringatan terus dalam penyemak imbas anda tentang penggunaan elektrik di kawasan anda. Penggunaan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat tersebut.
 
-![tangkapan skrin sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![tangkapan skrin sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulakan
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Dari situ, pilih 'Muatkan sambungan yang tidak dimampatkan' untuk memuatkan sambungan baharu. Buka folder 'dist' apabila diminta dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu melalui e-mel di sini](https://www.co2signal.com/) - masukkan e-mel anda dalam kotak di halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO').
 
-![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Sebaik sahaja kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna dalam bar sambungan penyemak imbas akan berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan petunjuk tentang aktiviti yang menggunakan tenaga yang sesuai untuk dilakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/solution/translation/README.hi.md b/translations/ms/5-browser-extension/solution/translation/README.hi.md
index c2ff27c89..3f8f67dea 100644
--- a/translations/ms/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/ms/5-browser-extension/solution/translation/README.hi.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API C02 Signal dari tmrow untuk menjejak penggunaan elektrik, sambungan pelayar ini dibina untuk memberikan peringatan tentang seberapa berat penggunaan elektrik di kawasan anda semasa anda melayari internet. Dengan menggunakan sambungan ini, anda boleh membuat keputusan berdasarkan maklumat tersebut untuk aktiviti anda.
 
-![Tangkap layar sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![Tangkap layar sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulakan
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang di Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Pada prompt, buka folder 'dist' dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API CO2 Signal ([dapatkan melalui e-mel di sini](https://www.co2snal.com/) - masukkan e-mel anda dalam kotak di halaman tersebut) dan [kod kawasan anda](http://api.electricitymap.org/v3/zones) dari [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO').
 
-![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan kod kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna pada bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan indikator tentang aktiviti berat tenaga yang sesuai untuk dilakukan. Konsep sistem 'titik' ini diilhamkan oleh [Energy Lollipop Extension](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/solution/translation/README.it.md b/translations/ms/5-browser-extension/solution/translation/README.it.md
index 749ec7156..e72f36fc2 100644
--- a/translations/ms/5-browser-extension/solution/translation/README.it.md
+++ b/translations/ms/5-browser-extension/solution/translation/README.it.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Anda akan menggunakan API Signal CO2 daripada tmrow untuk memantau penggunaan elektrik bagi mencipta sambungan penyemak imbas supaya anda boleh mendapatkan peringatan terus dalam penyemak imbas anda tentang betapa beratnya penggunaan elektrik di kawasan anda. Penggunaan sambungan ini secara ad hoc akan membantu menilai aktiviti anda berdasarkan maklumat ini.
 
-![paparan sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![paparan sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Untuk Bermula
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang pada Edge, gunakan menu "tiga titik" di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Jika belum diaktifkan, aktifkan Mod Pembangun (di bahagian bawah kiri). Pilih "Muatkan tanpa mampatan" untuk memuatkan sambungan baharu. Buka folder "dist" pada prompt dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal (anda boleh [memperolehnya melalui e-mel di sini](https://www.co2signal.com/) - masukkan e-mel anda dalam kotak di halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [peta elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, "US-NEISO").
 
-![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna pada bar sambungan penyemak imbas sepatutnya berubah untuk mencerminkan penggunaan tenaga kawasan tersebut dan memberikan petunjuk tentang aktiviti penggunaan tenaga tinggi yang sesuai untuk dilakukan. Konsep di sebalik sistem "titik" ini telah diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/solution/translation/README.ja.md b/translations/ms/5-browser-extension/solution/translation/README.ja.md
index f60115b25..56cde61f8 100644
--- a/translations/ms/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/ms/5-browser-extension/solution/translation/README.ja.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Gunakan API CO2 Signal daripada tmrow untuk menjejak penggunaan tenaga elektrik anda dan memaparkan peringatan di penyemak imbas tentang betapa tinggi penggunaan tenaga di kawasan anda. Sambungan penyemak imbas ini membolehkan anda membuat keputusan berdasarkan maklumat tersebut secara ad hoc.
 
-![extension screenshot](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![extension screenshot](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Pengenalan
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang di Edge, cari panel "Extensions" melalui menu "tiga titik" di bahagian atas kanan penyemak imbas. Dari situ, pilih "Load Unpacked" untuk memuatkan sambungan baharu. Apabila diminta, buka folder "dist" dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API CO2 Signal ([dapatkan di sini melalui e-mel](https://www.co2signal.com/) - masukkan e-mel anda di kotak pada halaman tersebut) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Electricity Map](https://www.electricitymap.org/map) (contohnya, di Boston gunakan 'US-NEISO').
 
-![installing](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![installing](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah anda memasukkan kunci API dan kawasan ke dalam antara muka sambungan, titik berwarna yang dipaparkan di bar sambungan penyemak imbas akan berubah mengikut penggunaan tenaga di kawasan anda. Ini membantu anda menentukan aktiviti yang sesuai berdasarkan keperluan tenaga. Konsep sistem "titik" ini diilhamkan oleh sambungan [Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/solution/translation/README.ms.md b/translations/ms/5-browser-extension/solution/translation/README.ms.md
index a0b788d49..0341bad40 100644
--- a/translations/ms/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/ms/5-browser-extension/solution/translation/README.ms.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API Isyarat CO2 tmrow untuk memantau penggunaan elektrik, bina sambungan penyemak imbas supaya anda boleh menerima peringatan di penyemak imbas anda tentang tahap penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara khusus akan membantu anda membuat keputusan yang lebih bijak berdasarkan maklumat ini.
 
-![tangkapan pelanjutan penyemak imbas](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![tangkapan pelanjutan penyemak imbas](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Bermula Dari Sini
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang di Edge, gunakan menu 'tiga titik' di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Dari sana, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API Isyarat CO2 ([dapatkan satu di sini melalui e-mel](https://www.co2signal.com/) - masukkan e-mel anda di dalam kotak di halaman ini) dan [kod untuk wilayah anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO').
 
-![sedang memuat turun](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![sedang memuat turun](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan wilayah dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan penyemak imbas akan berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan cadangan mengenai aktiviti berat yang sesuai untuk dilakukan. Konsep di sebalik sistem 'dot' ini diilhamkan oleh [sambungan penyemak imbas Lollipop Tenaga](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/5-browser-extension/start/README.md b/translations/ms/5-browser-extension/start/README.md
index 715048e56..8e9533183 100644
--- a/translations/ms/5-browser-extension/start/README.md
+++ b/translations/ms/5-browser-extension/start/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Menggunakan API C02 Signal daripada tmrow untuk menjejak penggunaan elektrik, bina sambungan pelayar supaya anda boleh mendapat peringatan terus di pelayar anda tentang seberapa berat penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat ini.
 
-![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png)
+![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Memulakan
 
@@ -31,7 +31,7 @@ npm run build
 
 Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel Sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu di sini melalui emel](https://www.co2signal.com/) - masukkan emel anda di kotak pada halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO').
 
-![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.png)
+![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.webp)
 
 Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan anda petunjuk tentang aktiviti berat tenaga yang sesuai untuk dilakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California.
 
diff --git a/translations/ms/6-space-game/2-drawing-to-canvas/README.md b/translations/ms/6-space-game/2-drawing-to-canvas/README.md
index 7aa1cb1c0..b60e7bce6 100644
--- a/translations/ms/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/ms/6-space-game/2-drawing-to-canvas/README.md
@@ -108,7 +108,7 @@ quadrantChart
     UI Elements: [0.9, 0.1]
 ```
 
-![grid kanvas](../../../../translated_images/ms/canvas_grid.5f209da785ded492.png)
+![grid kanvas](../../../../translated_images/ms/canvas_grid.5f209da785ded492.webp)
 > Imej dari [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
 Untuk melukis pada elemen kanvas, anda akan mengikuti proses tiga langkah yang sama yang membentuk asas semua grafik kanvas. Setelah anda melakukannya beberapa kali, ia menjadi kebiasaan:
@@ -329,11 +329,11 @@ Anda akan membina halaman web dengan elemen Kanvas. Ia harus memaparkan skrin hi
 
 - Kapal hero
 
-   ![Kapal hero](../../../../translated_images/ms/player.dd24c1afa8c71e9b.png)
+   ![Kapal hero](../../../../translated_images/ms/player.dd24c1afa8c71e9b.webp)
 
 - 5*5 raksasa
 
-   ![Kapal raksasa](../../../../translated_images/ms/enemyShip.5df2a822c16650c2.png)
+   ![Kapal raksasa](../../../../translated_images/ms/enemyShip.5df2a822c16650c2.webp)
 
 ### Langkah yang Disyorkan untuk Memulakan Pembangunan
 
@@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
 
 Hasil akhir sepatutnya kelihatan seperti ini:
 
-![Skrin hitam dengan seorang hero dan 5*5 raksasa](../../../../translated_images/ms/partI-solution.36c53b48c9ffae2a.png)
+![Skrin hitam dengan seorang hero dan 5*5 raksasa](../../../../translated_images/ms/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Penyelesaian
 
diff --git a/translations/ms/6-space-game/5-keeping-score/README.md b/translations/ms/6-space-game/5-keeping-score/README.md
index e141d3c95..c878ff12f 100644
--- a/translations/ms/6-space-game/5-keeping-score/README.md
+++ b/translations/ms/6-space-game/5-keeping-score/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
 ```
 
 - **Sistem mata**: Setiap kapal musuh yang dimusnahkan memberikan 100 mata (nombor bulat lebih mudah untuk pemain kira secara mental). Mata dipaparkan di sudut kiri bawah.
-- **Pengiraan nyawa**: Wira anda bermula dengan tiga nyawa - satu standard yang ditetapkan oleh permainan arked awal untuk mengimbangi cabaran dengan kebolehmainan. Setiap perlanggaran dengan musuh mengurangkan satu nyawa. Kita akan memaparkan nyawa yang tinggal di sudut kanan bawah menggunakan ikon kapal ![imej nyawa](../../../../translated_images/ms/life.6fb9f50d53ee0413.png).
+- **Pengiraan nyawa**: Wira anda bermula dengan tiga nyawa - satu standard yang ditetapkan oleh permainan arked awal untuk mengimbangi cabaran dengan kebolehmainan. Setiap perlanggaran dengan musuh mengurangkan satu nyawa. Kita akan memaparkan nyawa yang tinggal di sudut kanan bawah menggunakan ikon kapal ![imej nyawa](../../../../translated_images/ms/life.6fb9f50d53ee0413.webp).
 
 ## Mari Mula Membina!
 
diff --git a/translations/ms/7-bank-project/1-template-route/README.md b/translations/ms/7-bank-project/1-template-route/README.md
index f18184b9b..f5a967a4c 100644
--- a/translations/ms/7-bank-project/1-template-route/README.md
+++ b/translations/ms/7-bank-project/1-template-route/README.md
@@ -652,7 +652,7 @@ sequenceDiagram
 
 Menggunakan `history.pushState` mencipta entri baru dalam sejarah navigasi pelayar. Anda boleh memeriksanya dengan menahan *butang mundur* pelayar anda, ia seharusnya memaparkan sesuatu seperti ini:
 
-![Tangkap layar sejarah navigasi](../../../../translated_images/ms/history.7fdabbafa521e064.png)
+![Tangkap layar sejarah navigasi](../../../../translated_images/ms/history.7fdabbafa521e064.webp)
 
 Jika anda cuba klik pada butang mundur beberapa kali, anda akan melihat bahawa URL semasa berubah dan sejarah dikemas kini, tetapi templat yang sama terus dipaparkan.
 
diff --git a/translations/ms/7-bank-project/2-forms/README.md b/translations/ms/7-bank-project/2-forms/README.md
index 91ae978d4..bc9a18047 100644
--- a/translations/ms/7-bank-project/2-forms/README.md
+++ b/translations/ms/7-bank-project/2-forms/README.md
@@ -295,7 +295,7 @@ Pertama, mari kita perhatikan apa yang berlaku dengan penghantaran borang asas:
 2. Perhatikan perubahan dalam bar alamat pelayar anda
 3. Perhatikan bagaimana halaman dimuat semula dan data muncul dalam URL
 
-![Tangkapan skrin perubahan URL pelayar selepas klik butang Daftar](../../../../translated_images/ms/click-register.e89a30bf0d4bc9ca.png)
+![Tangkapan skrin perubahan URL pelayar selepas klik butang Daftar](../../../../translated_images/ms/click-register.e89a30bf0d4bc9ca.webp)
 
 ### Perbandingan Kaedah HTTP
 
@@ -350,7 +350,7 @@ Mari kita konfigurasikan borang pendaftaran anda untuk berkomunikasi dengan betu
 2. **Klik** butang "Buat Akaun"
 3. **Perhatikan** respons pelayan dalam pelayar anda
 
-![Tetingkap pelayar di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/ms/form-post.61de4ca1b964d91a.png)
+![Tetingkap pelayar di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/ms/form-post.61de4ca1b964d91a.webp)
 
 **Apa yang anda harus lihat:**
 - **Pelayar mengarahkan** ke URL endpoint API
@@ -615,7 +615,7 @@ async function register() {
 3. **Klik** "Buat Akaun"
 4. **Perhatikan** mesej konsol dan maklum balas pengguna
 
-![Tangkapan skrin menunjukkan mesej log dalam konsol pelayar](../../../../translated_images/ms/browser-console.efaf0b51aaaf6778.png)
+![Tangkapan skrin menunjukkan mesej log dalam konsol pelayar](../../../../translated_images/ms/browser-console.efaf0b51aaaf6778.webp)
 
 **Apa yang anda patut lihat:**
 - **Keadaan pemuatan** muncul pada butang hantar
@@ -790,7 +790,7 @@ Mari tingkatkan borang pendaftaran anda dengan pengesahan yang kukuh yang member
 3. **Cuba** aksara khas dalam medan nama pengguna
 4. **Masukkan** jumlah baki negatif
 
-![Tangkapan skrin menunjukkan ralat pengesahan apabila cuba menghantar borang](../../../../translated_images/ms/validation-error.8bd23e98d416c22f.png)
+![Tangkapan skrin menunjukkan ralat pengesahan apabila cuba menghantar borang](../../../../translated_images/ms/validation-error.8bd23e98d416c22f.webp)
 
 **Apa yang anda akan perhatikan:**
 - **Pelayar memaparkan** mesej pengesahan asli
@@ -952,7 +952,7 @@ Tunjukkan mesej ralat dalam HTML jika pengguna sudah wujud.
 
 Berikut adalah contoh bagaimana halaman log masuk akhir boleh kelihatan selepas sedikit gaya:
 
-![Tangkapan skrin halaman log masuk selepas menambah gaya CSS](../../../../translated_images/ms/result.96ef01f607bf856a.png)
+![Tangkapan skrin halaman log masuk selepas menambah gaya CSS](../../../../translated_images/ms/result.96ef01f607bf856a.webp)
 
 ## Kuiz Selepas Kuliah
 
diff --git a/translations/ms/7-bank-project/3-data/README.md b/translations/ms/7-bank-project/3-data/README.md
index 185975db9..07e9ad340 100644
--- a/translations/ms/7-bank-project/3-data/README.md
+++ b/translations/ms/7-bank-project/3-data/README.md
@@ -160,7 +160,7 @@ sequenceDiagram
     Browser->>User: Displays new page (flash/reload)
 ```
 
-![Aliran kerja kemas kini dalam aplikasi berbilang halaman](../../../../translated_images/ms/mpa.7f7375a1a2d4aa77.png)
+![Aliran kerja kemas kini dalam aplikasi berbilang halaman](../../../../translated_images/ms/mpa.7f7375a1a2d4aa77.webp)
 
 **Kenapa pendekatan ini terasa tidak lancar:**
 - Setiap klik bermaksud membina semula keseluruhan halaman dari awal
@@ -187,7 +187,7 @@ sequenceDiagram
     Browser->>User: Shows updated content (no reload)
 ```
 
-![Aliran kerja kemas kini dalam aplikasi halaman tunggal](../../../../translated_images/ms/spa.268ec73b41f992c2.png)
+![Aliran kerja kemas kini dalam aplikasi halaman tunggal](../../../../translated_images/ms/spa.268ec73b41f992c2.webp)
 
 **Kenapa SPA terasa lebih baik:**
 - Hanya bahagian yang benar-benar berubah dikemas kini (bijak, bukan?)
@@ -523,7 +523,7 @@ if (data.error) {
 
 Sekarang apabila anda menguji dengan akaun yang tidak sah, anda akan melihat mesej kesalahan yang berguna terus di halaman!
 
-![Tangkapan skrin menunjukkan mesej kesalahan yang dipaparkan semasa log masuk](../../../../translated_images/ms/login-error.416fe019b36a6327.png)
+![Tangkapan skrin menunjukkan mesej kesalahan yang dipaparkan semasa log masuk](../../../../translated_images/ms/login-error.416fe019b36a6327.webp)
 
 #### Langkah 4: Menjadi Inklusif dengan Kebolehaksesan
 
@@ -961,7 +961,7 @@ Bersedia untuk membawa aplikasi perbankan anda ke tahap seterusnya? Mari jadikan
 
 Berikut adalah contoh bagaimana papan pemuka yang digilap boleh kelihatan:
 
-![Tangkapan skrin hasil contoh papan pemuka selepas gaya](../../../../translated_images/ms/screen2.123c82a831a1d14a.png)
+![Tangkapan skrin hasil contoh papan pemuka selepas gaya](../../../../translated_images/ms/screen2.123c82a831a1d14a.webp)
 
 Jangan rasa seperti anda perlu meniru ini sepenuhnya - gunakan ia sebagai inspirasi dan jadikan ia milik anda!
 
diff --git a/translations/ms/7-bank-project/4-state-management/README.md b/translations/ms/7-bank-project/4-state-management/README.md
index de75f40aa..a8def682f 100644
--- a/translations/ms/7-bank-project/4-state-management/README.md
+++ b/translations/ms/7-bank-project/4-state-management/README.md
@@ -190,7 +190,7 @@ Seperti reka bentuk berkompartmen Titanic yang kelihatan kukuh sehingga beberapa
 
 Daripada mengejar ekor kita sendiri, kita akan mencipta sistem **pengurusan keadaan berpusat**. Anggaplah ia seperti mempunyai seorang yang sangat teratur yang bertanggungjawab ke atas semua perkara penting:
 
-![Skema menunjukkan aliran data antara HTML, tindakan pengguna dan keadaan](../../../../translated_images/ms/data-flow.fa2354e0908fecc8.png)
+![Skema menunjukkan aliran data antara HTML, tindakan pengguna dan keadaan](../../../../translated_images/ms/data-flow.fa2354e0908fecc8.webp)
 
 ```mermaid
 flowchart TD
@@ -803,7 +803,7 @@ Cabaran ini akan membantu anda berfikir seperti pembangun profesional yang mempe
 
 Berikut adalah contoh hasil selepas menyelesaikan tugasan:
 
-![Tangkapan skrin menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.png)
+![Tangkapan skrin menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.webp)
 
 ---
 
diff --git a/translations/ms/7-bank-project/4-state-management/assignment.md b/translations/ms/7-bank-project/4-state-management/assignment.md
index 849597663..1034e93df 100644
--- a/translations/ms/7-bank-project/4-state-management/assignment.md
+++ b/translations/ms/7-bank-project/4-state-management/assignment.md
@@ -112,7 +112,7 @@ Rujuk dokumentasi [API pelayan](../api/README.md) untuk:
 **Hasil Dijangka:**
 Selepas menyelesaikan tugasan ini, aplikasi perbankan anda sepatutnya mempunyai ciri "Tambah Transaksi" yang berfungsi sepenuhnya dan kelihatan profesional:
 
-![Tangkap layar menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.png)
+![Tangkap layar menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.webp)
 
 ## Ujian Pelaksanaan Anda
 
diff --git a/translations/ms/7-bank-project/README.md b/translations/ms/7-bank-project/README.md
index 7193034c3..d44fa44f0 100644
--- a/translations/ms/7-bank-project/README.md
+++ b/translations/ms/7-bank-project/README.md
@@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 Dalam projek ini, anda akan belajar cara membina bank fiksyen. Pelajaran ini merangkumi arahan tentang cara menyusun aplikasi web dan menyediakan laluan, membina borang, menguruskan keadaan, dan mendapatkan data daripada API yang membolehkan anda mengambil data bank.
 
-| ![Screen1](../../../translated_images/ms/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ms/screen2.123c82a831a1d14a.png) |
+| ![Screen1](../../../translated_images/ms/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/ms/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Pelajaran
diff --git a/translations/ms/8-code-editor/1-using-a-code-editor/README.md b/translations/ms/8-code-editor/1-using-a-code-editor/README.md
index 3a446b8ab..2d328cfbd 100644
--- a/translations/ms/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/ms/8-code-editor/1-using-a-code-editor/README.md
@@ -185,7 +185,7 @@ Seperti bagaimana telefon Alexander Graham Bell menghubungkan lokasi yang jauh,
 
 Apabila semuanya dimuatkan, anda akan melihat ruang kerja yang bersih dan cantik yang direka untuk memastikan anda fokus pada perkara yang penting – kod anda!
 
-![Antara muka lalai VSCode.dev](../../../../translated_images/ms/default-vscode-dev.5d06881d65c1b323.png)
+![Antara muka lalai VSCode.dev](../../../../translated_images/ms/default-vscode-dev.5d06881d65c1b323.webp)
 
 **Inilah lawatan kawasan anda:**
 - **Bar Aktiviti** (jalur di sebelah kiri): Navigasi utama anda dengan Explorer 📁, Carian 🔍, Kawalan Sumber 🌿, Sambungan 🧩, dan Tetapan ⚙️
@@ -233,7 +233,7 @@ Ini sesuai apabila anda baru bermula di VSCode.dev dan ingin membuka repositori
 1. Pergi ke [vscode.dev](https://vscode.dev) jika anda belum berada di sana
 2. Cari butang "Open Remote Repository" pada skrin selamat datang dan klik
 
-   ![Buka repositori jauh](../../../../translated_images/ms/open-remote-repository.bd9c2598b8949e7f.png)
+   ![Buka repositori jauh](../../../../translated_images/ms/open-remote-repository.bd9c2598b8949e7f.webp)
 
 3. Tampal mana-mana URL repositori GitHub (cuba yang ini: `https://github.com/microsoft/Web-Dev-For-Beginners`)
 4. Tekan Enter dan lihat keajaiban berlaku!
@@ -242,7 +242,7 @@ Ini sesuai apabila anda baru bermula di VSCode.dev dan ingin membuka repositori
 
 Ingin berasa seperti ahli sihir pengekodan? Cuba pintasan papan kekunci ini: Ctrl+Shift+P (atau Cmd+Shift+P pada Mac) untuk membuka Palet Perintah:
 
-![Palet Perintah](../../../../translated_images/ms/palette-menu.4946174e07f42622.png)
+![Palet Perintah](../../../../translated_images/ms/palette-menu.4946174e07f42622.webp)
 
 **Palet Perintah adalah seperti mempunyai enjin carian untuk semua yang anda boleh lakukan:**
 - Taip "open remote" dan ia akan mencari pembuka repositori untuk anda
@@ -304,7 +304,7 @@ Seperti mengatur pelan di pejabat arkitek, penciptaan fail dalam VSCode.dev meng
 3. Masukkan nama fail termasuk sambungan yang sesuai (`style.css`, `script.js`, `index.html`)
 4. Tekan Enter untuk mencipta fail
 
-![Mencipta fail baru](../../../../translated_images/ms/create-new-file.2814e609c2af9aeb.png)
+![Mencipta fail baru](../../../../translated_images/ms/create-new-file.2814e609c2af9aeb.webp)
 
 **Konvensyen penamaan:**
 - Gunakan nama deskriptif yang menunjukkan tujuan fail
@@ -322,7 +322,7 @@ Di sinilah keseronokan sebenar bermula! Editor VSCode.dev dipenuhi dengan ciri-c
 2. Mula menaip dan lihat VSCode.dev membantu anda dengan warna, cadangan, dan pengesanan ralat
 3. Simpan kerja anda dengan Ctrl+S (Windows/Linux) atau Cmd+S (Mac) – walaupun ia juga menyimpan secara automatik!
 
-![Menyunting fail dalam VSCode.dev](../../../../translated_images/ms/edit-a-file.52c0ee665ef19f08.png)
+![Menyunting fail dalam VSCode.dev](../../../../translated_images/ms/edit-a-file.52c0ee665ef19f08.webp)
 
 **Perkara menarik yang berlaku semasa anda mengekod:**
 - Kod anda akan diwarnakan dengan cantik supaya mudah dibaca
@@ -343,7 +343,7 @@ Seperti bagaimana ahli arkeologi mencipta rekod terperinci lapisan penggalian, G
 2. Fail yang diubah suai muncul dalam bahagian "Changes"
 3. Pengekodan warna menunjukkan jenis perubahan: hijau untuk penambahan, merah untuk penghapusan
 
-![Melihat perubahan dalam Kawalan Sumber](../../../../translated_images/ms/working-tree.c58eec08e6335c79.png)
+![Melihat perubahan dalam Kawalan Sumber](../../../../translated_images/ms/working-tree.c58eec08e6335c79.webp)
 
 **Menyimpan kerja anda (aliran kerja komit):**
 
@@ -438,7 +438,7 @@ Pasaran sambungan sangat teratur, jadi anda tidak akan tersesat mencari apa yang
 2. Jelajah atau cari sesuatu yang spesifik
 3. Klik pada apa sahaja yang kelihatan menarik untuk mengetahui lebih lanjut mengenainya
 
-![Antara muka pasaran sambungan](../../../../translated_images/ms/extensions.eca0e0c7f59a10b5.png)
+![Antara muka pasaran sambungan](../../../../translated_images/ms/extensions.eca0e0c7f59a10b5.webp)
 
 **Apa yang anda akan lihat di sana:**
 
@@ -491,7 +491,7 @@ Kebanyakan sambungan datang dengan tetapan yang boleh anda ubah untuk membuatnya
 3. Pilih "Tetapan Sambungan" dari menu dropdown
 4. Laraskan perkara sehingga ia sesuai dengan aliran kerja anda
 
-![Menyesuaikan tetapan sambungan](../../../../translated_images/ms/extension-settings.21c752ae4f4cdb78.png)
+![Menyesuaikan tetapan sambungan](../../../../translated_images/ms/extension-settings.21c752ae4f4cdb78.webp)
 
 **Perkara biasa yang mungkin anda mahu laraskan:**
 - Bagaimana kod anda diformatkan (tab vs ruang, panjang baris, dll.)
diff --git a/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md
index 36e815e0c..6784056be 100644
--- a/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md
@@ -78,7 +78,7 @@ Oleh kerana VSCode.dev memerlukan sekurang-kurangnya satu fail untuk membuka rep
 4. **Tulis** mesej komit: "Tambah struktur HTML awal"
 5. **Klik** "Commit new file" untuk menyimpan perubahan anda
 
-![Mencipta fail awal di GitHub](../../../../translated_images/ms/new-file-github.com.c886796d800e8056.png)
+![Mencipta fail awal di GitHub](../../../../translated_images/ms/new-file-github.com.c886796d800e8056.webp)
 
 **Apa yang dicapai oleh persediaan awal ini:**
 - **Menetapkan** struktur dokumen HTML5 yang betul dengan elemen semantik
@@ -104,7 +104,7 @@ Sekarang repositori anda telah disediakan, mari beralih ke VSCode.dev untuk kerj
 
 ✅ **Petunjuk kejayaan**: Anda sepatutnya melihat fail projek anda di bar sisi Explorer dan `index.html` tersedia untuk diedit di kawasan editor utama.
 
-![Projek dimuatkan di VSCode.dev](../../../../translated_images/ms/project-on-vscode.dev.e79815a9a95ee7fe.png)
+![Projek dimuatkan di VSCode.dev](../../../../translated_images/ms/project-on-vscode.dev.e79815a9a95ee7fe.webp)
 
 **Apa yang anda akan lihat dalam antara muka:**
 - **Bar sisi Explorer**: **Memaparkan** fail dan struktur folder repositori anda
@@ -448,7 +448,7 @@ Sambungan meningkatkan pengalaman pembangunan anda dengan menyediakan keupayaan
 **Hasil segera selepas pemasangan:**
 Sebaik sahaja CodeSwing dipasang, anda akan melihat pratonton langsung laman web resume anda muncul dalam editor. Ini membolehkan anda melihat dengan tepat bagaimana laman web anda kelihatan semasa anda membuat perubahan.
 
-![Sambungan CodeSwing menunjukkan pratonton langsung](../../../../translated_images/ms/after-codeswing-extension-pb.0ebddddcf73b5509.png)
+![Sambungan CodeSwing menunjukkan pratonton langsung](../../../../translated_images/ms/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
 **Memahami antara muka yang dipertingkatkan:**
 - **Paparan berpecah**: **Memaparkan** kod anda di satu sisi dan pratonton langsung di sisi lain
diff --git a/translations/ms/9-chat-project/README.md b/translations/ms/9-chat-project/README.md
index 838d6beca..25212c1fc 100644
--- a/translations/ms/9-chat-project/README.md
+++ b/translations/ms/9-chat-project/README.md
@@ -61,7 +61,7 @@ print(response.choices[0].message.content)
 
 Inilah rupa projek siap anda:
 
-![Antara muka aplikasi chat menunjukkan perbualan antara pengguna dan pembantu AI](../../../translated_images/ms/screenshot.0a1ee0d123df681b.png)
+![Antara muka aplikasi chat menunjukkan perbualan antara pengguna dan pembantu AI](../../../translated_images/ms/screenshot.0a1ee0d123df681b.webp)
 
 ## 🗺️ Perjalanan Pembelajaran Anda Melalui Pembangunan Aplikasi AI
 
@@ -194,7 +194,7 @@ mindmap
 
 **Prinsip Teras**: Pembangunan aplikasi AI menggabungkan kemahiran pembangunan web tradisional dengan integrasi perkhidmatan AI, mencipta aplikasi pintar yang terasa semula jadi dan responsif kepada pengguna.
 
-![Antara muka GitHub Models AI Playground dengan pilihan model dan kawasan ujian](../../../translated_images/ms/playground.d2b927122224ff8f.png)
+![Antara muka GitHub Models AI Playground dengan pilihan model dan kawasan ujian](../../../translated_images/ms/playground.d2b927122224ff8f.webp)
 
 **Inilah yang membuatkan playground sangat berguna:**
 - **Cuba** model AI yang berbeza seperti GPT-4o-mini, Claude, dan lain-lain (semuanya percuma!)
@@ -204,7 +204,7 @@ mindmap
 
 Setelah anda bermain-main sedikit, hanya klik tab "Code" dan pilih bahasa pengaturcaraan anda untuk mendapatkan kod pelaksanaan yang anda perlukan.
 
-![Pilihan playground menunjukkan pilihan penjanaan kod untuk bahasa pengaturcaraan yang berbeza](../../../translated_images/ms/playground-choice.1d23ba7d407f4758.png)
+![Pilihan playground menunjukkan pilihan penjanaan kod untuk bahasa pengaturcaraan yang berbeza](../../../translated_images/ms/playground-choice.1d23ba7d407f4758.webp)
 
 ## Menyediakan Integrasi Backend Python
 
@@ -2363,14 +2363,14 @@ Ingin mencuba projek ini dalam persekitaran pembangunan awan? GitHub Codespaces
 - **Navigasi** ke [repositori Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners)
 - **Klik** "Use this template" di sudut kanan atas (pastikan anda log masuk ke GitHub)
 
-![Antara muka cipta dari templat menunjukkan butang hijau "Use this template"](../../../translated_images/ms/template.67ad477109d29a2b.png)
+![Antara muka cipta dari templat menunjukkan butang hijau "Use this template"](../../../translated_images/ms/template.67ad477109d29a2b.webp)
 
 **Langkah 2: Lancarkan Codespaces**
 - **Buka** repositori yang baru anda cipta
 - **Klik** butang hijau "Code" dan pilih "Codespaces"
 - **Pilih** "Create codespace on main" untuk memulakan persekitaran pembangunan anda
 
-![Antara muka cipta codespace dengan pilihan untuk melancarkan persekitaran pembangunan awan](../../../translated_images/ms/codespace.bcecbdf5d2747d3d.png)
+![Antara muka cipta codespace dengan pilihan untuk melancarkan persekitaran pembangunan awan](../../../translated_images/ms/codespace.bcecbdf5d2747d3d.webp)
 
 **Langkah 3: Konfigurasi Persekitaran**
 Sebaik sahaja Codespace anda dimuatkan, anda akan mempunyai akses kepada:
diff --git a/translations/ms/README.md b/translations/ms/README.md
index 74348446f..cfa533bf5 100644
--- a/translations/ms/README.md
+++ b/translations/ms/README.md
@@ -72,13 +72,13 @@ Jangan terlepas kurikulum AI Generatif baru kami!
 
 Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk bermula!
 
-![Latar Belakang](../../translated_images/ms/background.148a8d43afde5730.png)
+![Latar Belakang](../../translated_images/ms/background.148a8d43afde5730.webp)
 
 - Pelajaran merangkumi segala-galanya dari asas kepada RAG.
 - Berinteraksi dengan watak sejarah menggunakan GenAI dan aplikasi pendamping kami.
 - Naratif yang menyeronokkan dan menarik, anda akan mengembara waktu!
 
-![watak](../../translated_images/ms/character.5c0dd8e067ffd693.png)
+![watak](../../translated_images/ms/character.5c0dd8e067ffd693.webp)
 
 Setiap pelajaran termasuk tugasan untuk diselesaikan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda dalam mempelajari topik seperti:
 - Prompting dan kejuruteraan prompt
@@ -114,7 +114,7 @@ Ikuti langkah ini:
 
 Dalam salinan repositori yang anda buat, klik butang **Code** dan pilih **Open with Codespaces**. Ini akan mencipta Codespace baru untuk anda bekerja.
 
-![Codespace](../../translated_images/ms/createcodespace.0238bbf4d7a8d955.png)
+![Codespace](../../translated_images/ms/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Menjalankan kurikulum secara lokal di komputer anda
 
diff --git a/translations/ms/for-teachers.md b/translations/ms/for-teachers.md
index fe0b8ef31..4c3945a5b 100644
--- a/translations/ms/for-teachers.md
+++ b/translations/ms/for-teachers.md
@@ -42,10 +42,10 @@ Kurikulum ini termasuk pakej yang boleh diimport untuk aliran kerja LMS yang bia
   - Moodle Cloud mempunyai sokongan Common Cartridge yang terhad. Lebih baik gunakan fail Moodle di atas, yang juga boleh dimuat naik ke Canvas.
   - Selepas import, semak modul, tarikh akhir, dan tetapan kuiz untuk disesuaikan dengan jadual penggal anda.
 
-![Moodle](../../translated_images/ms/moodle.94eb93d714a50cb2.png)
+![Moodle](../../translated_images/ms/moodle.94eb93d714a50cb2.webp)
 > Kurikulum dalam kelas Moodle
 
-![Canvas](../../translated_images/ms/canvas.fbd605ff8e5b8aff.png)
+![Canvas](../../translated_images/ms/canvas.fbd605ff8e5b8aff.webp)
 > Kurikulum dalam Canvas
 
 ### Penggunaan repositori secara langsung (tanpa Classroom)
diff --git a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 76fb7e8d5..5db4949f7 100644
--- a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -17,7 +17,7 @@ Programming ကို စတင်လေ့လာတဲ့အချိန်မ
 
 ဒီနေ့မှာတော့ ခေတ်မီ Web Development ကို မဖြစ်မနေဖြစ်စေတဲ့ Tools တွေကို ရှာဖွေတွေ့ရှိကြမယ်။ Netflix, Spotify, သင့်အကြိုက်ဆုံး Indie App Studio တွေမှာ Developer တွေက နေ့စဉ်အသုံးပြုနေတဲ့ Editors, Browsers, Workflows တွေကို ပြောတာပါ။ အခုတော့ သင့်ကို Dance လုပ်ချင်စေမယ့်အပိုင်းက – ဒီ Professional-grade, Industry-standard Tools တွေက အခမဲ့ပဲဆိုတာပါ!
 
-![Intro Programming](../../../../translated_images/my/webdev101-programming.d6e3f98e61ac4bff.png)
+![Intro Programming](../../../../translated_images/my/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
diff --git a/translations/my/1-getting-started-lessons/2-github-basics/README.md b/translations/my/1-getting-started-lessons/2-github-basics/README.md
index 68042e61d..f21d6efcc 100644
--- a/translations/my/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/my/1-getting-started-lessons/2-github-basics/README.md
@@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA:
 
 ဒီခရီးကို အတူတူ လျှောက်ကြမယ်၊ တစ်ဆင့်ချင်းစီနဲ့။ အလျင်မပြေးပါနဲ့၊ ဖိအားမပေးပါနဲ့ – သင်၊ ငါနဲ့ သင့်ရဲ့ အကောင်းဆုံးသူငယ်ချင်းအသစ်ဖြစ်လာမယ့် အလွန်အမင်းအေးချမ်းတဲ့ tools တွေပါ!
 
-![GitHub အကြောင်းမိတ်ဆက်](../../../../translated_images/my/webdev101-github.8846d7971abef6f9.png)
+![GitHub အကြောင်းမိတ်ဆက်](../../../../translated_images/my/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
@@ -441,7 +441,7 @@ flowchart TD
 
 ✅ 'beginner-friendly' repo တွေကို [good-first-issue tag ကို search လုပ်ပြီး](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/) ရှာဖွေပါ။
 
-![Repo ကို ဒေသခံမှာ copy လုပ်ပါ](../../../../translated_images/my/clone_repo.5085c48d666ead57.png)
+![Repo ကို ဒေသခံမှာ copy လုပ်ပါ](../../../../translated_images/my/clone_repo.5085c48d666ead57.webp)
 
 Code ကို copy လုပ်ဖို့ နည်းလမ်းအများကြီးရှိပါတယ်။ Repository ရဲ့ content ကို HTTPS, SSH, GitHub CLI (Command Line Interface) ကို အသုံးပြုပြီး "clone" လုပ်နိုင်ပါတယ်။
 
diff --git a/translations/my/1-getting-started-lessons/3-accessibility/README.md b/translations/my/1-getting-started-lessons/3-accessibility/README.md
index 24dd1e897..1bfdc3bf5 100644
--- a/translations/my/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/my/1-getting-started-lessons/3-accessibility/README.md
@@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 # ဝင်ရောက်နိုင်သော ဝဘ်စာမျက်နှာများ ဖန်တီးခြင်း
 
-![Accessibility အကြောင်းအားလုံး](../../../../translated_images/my/webdev101-a11y.8ef3025c858d897a.png)
+![Accessibility အကြောင်းအားလုံး](../../../../translated_images/my/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid