Yes. You can actually make it even more higher quality by tweaking the canvas height and width settings (from 500px to 1000px or higher, in the multiples of two) and the parent div width (from 490px to 980px or higher in the multiples of two), but let’s just say that there’s some unintended side effects.
You can still work it out - just use style="display: none;" as one of the attributes for the editor stuff, and proceed with taking a screenshot of the node. Obviously, the template image quality won’t improve, but the text and the custom image you’re going to be adding will be of higher quality.
For comparison, left one is the node taken with a screenshot vs the generated image (you can see the tag below). Font for both images were set to 500px.
You should also make sure to not zoom in and out, or else the div width will reset. You can easily fix that by reassigning the width value.
Or just use Inkscape. It’s just that I’m too lazy to download meme fonts, so I use imgflip.
Lemmy markdown sanitizer is messed up, so I removed the angular brackets.
It wouldn’t improve anything about the resolution or quality of the image you’d just get slightly more of the image. Seems like it would be useful in niche situations though.
Is this higher quality than just screenshotting and dragging the box around it? Asking for a friend.
Yes. You can actually make it even more higher quality by tweaking the
canvasheight and width settings (from 500px to 1000px or higher, in the multiples of two) and the parentdivwidth (from 490px to 980px or higher in the multiples of two), but let’s just say that there’s some unintended side effects.You can still work it out - just use
style="display: none;"as one of the attributes for the editor stuff, and proceed with taking a screenshot of the node. Obviously, the template image quality won’t improve, but the text and the custom image you’re going to be adding will be of higher quality.For comparison, left one is the node taken with a screenshot vs the generated image (you can see the tag below). Font for both images were set to 500px.
You should also make sure to not zoom in and out, or else the
divwidth will reset. You can easily fix that by reassigning the width value.Or just use Inkscape. It’s just that I’m too lazy to download meme fonts, so I use imgflip.
Lemmy markdown sanitizer is messed up, so I removed the angular brackets.
Depends how Firefox processes those screenshots, would be my guess.
It wouldn’t improve anything about the resolution or quality of the image you’d just get slightly more of the image. Seems like it would be useful in niche situations though.