---
title: "Stroomwekker - Energie Prijsberekening"
canonical_url: "https://stroomwekker.nl/debug-og"
last_updated: "2026-07-31T09:43:12.908Z"
meta:
  description: "Bereken je energiekosten en controleer de huidige elektriciteitsprijzen met Stroomwekker. Volg dagelijkse prijsschommelingen en optimaliseer je energieverbruik."
  "og:description": "Bereken je energiekosten en volg de huidige elektriciteitsprijzen met Stroomwekker."
  "og:title": "Stroomwekker - Energie Prijsberekening"
---

Zoeken in artikelen

# **OG Image Debug**

## **Generated Images (from disk):**

### **Fallback PNG:**

![Fallback](https://stroomwekker.nl/api/og-images/fallback.png)

/api/og-images/fallback.png

### **Stroomprijs 2026-07-01 PNG:**

![Stroomprijs](https://stroomwekker.nl/api/og-images/stroomprijs-2026-07-01.png)

/api/og-images/stroomprijs-2026-07-01.png

## **Component Render (Vue):**

Note: OGStroomPrijsCard component is static and not used for image generation. Image generation uses canvas rendering in server/utils/ogImageCanvasGenerator.ts

Laagste

€0.32

Gemiddeld

€0.42

Hoogste

€0.58

## **Debug Info:**

Test prices: 0.32, 0.35, 0.38, 0.42, 0.48, 0.55, 0.58, 0.52, 0.45, 0.38, 0.35, 0.33, 0.32, 0.34, 0.37, 0.41, 0.46, 0.52, 0.56, 0.51, 0.44, 0.38, 0.35, 0.33

Min: 0.320

Max: 0.580

Avg: 0.421

---

Image generation uses Satori (HTML→SVG) + Sharp (SVG→PNG)

Problem: Bars may not be rendering in Satori

## **HTML Template Test:**

```
<div style="
	width: 1200px;
	height: 630px;
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px;
	font-family: Inter;
	box-sizing: border-box;
">
	<!-- Chart -->
	<div style="
		display: flex;
		gap: 6px;
		align-items: flex-end;
		height: 180px;
		background: #1e293b;
		padding: 20px;
		border-radius: 12px;
	">
		<!-- 24 bars here -->
		<div style="
			flex: 1;
			height: 160px;
			background: #22c55e;
			border-radius: 6px 6px 0 0;
		"></div>
		<!-- ... -->
	</div>
</div>
```