diff --git a/site/plugins/pixels/snippets/canvas.php b/site/plugins/pixels/snippets/canvas.php
index 2db3f9d..20dc7e6 100644
--- a/site/plugins/pixels/snippets/canvas.php
+++ b/site/plugins/pixels/snippets/canvas.php
@@ -59,6 +59,7 @@ class="canvas-headline"
 						:data-x="settings.position.x"
 						:src="settings.image"
 						:style="{ width: settings.scale + '%' }"
+						decoding="sync"
 					>
 				</div>
 			</template>
diff --git a/site/plugins/pixels/snippets/script.php b/site/plugins/pixels/snippets/script.php
index bf05aeb..50182e1 100644
--- a/site/plugins/pixels/snippets/script.php
+++ b/site/plugins/pixels/snippets/script.php
@@ -88,7 +88,13 @@
 		const zoom = this.settings.zoom;
 		this.settings.zoom = 1;
 		const link = document.createElement("a");
+
+		// stupid workaround fix for Safari, calling toPng multiple times
+		// https://github.com/bubkoo/html-to-image/issues/361
+		await toPng(canvas);
+		await toPng(canvas);
 		link.href = await toPng(canvas);
+
 		link.download = "pixels.png";
 		link.click();
 		this.settings.zoom = zoom;