efskap / deepfriedmemes.com

🅱️ Deep fries your pics. Serve with laundry sauce.

Deep fries your pics. Serve with laundry sauce.

live @ http://deepfriedmemes.com

tl;dr on how it works:

• All processing done locally in the browser. (This means there is NO EXTERNAL API to consume, and will never be one without a rewrite. See #2.)
• Filters applied by CamanJS
• JPEG crushing done by drawing image to canvas, converting canvas to a jpeg data url, and repeating through recursion (because we proceed to the next step through the img.onload callback)
• Bulging done using glfx

I'm probably not going to add bulging (nvm) / emojis because it seems kinda out of scope. But if you know a clean / fast way to do it, submit a PR :D

deepfriedmemes.com's Issues

Req: Random resize / shift

Current issue with resaving the JPEGs is that the content of the images stays in the same 8x8 blocks and are compressed again in approximately the same way.

To solve this, pad the image at the top and left sides by random values between 0 and 8 pixels to shift the image content into different 8x8 blocks. Then save the JPEG and crop out the padding. Could pad all edges and use a solid color to make it bleed into the image, or pad it with a reflection of the image.

A little random resizing can also break up the image between resaves.

*api/function please*

Hi,
I was trying to create a image deep fryer for my group chat, and I was wondering if there was an easy way I can deep fry an image. Would you be willing to either

1. create an API (hard)
2. create a function accepting all the values of the meme deep frier and returning the deep fried meme? (yay)
   I can hear the chants already "Thank you! This is awesome"

This is really cool what you did, thanks!

"Save Image" via the Blob API does not work in Android webviews (e.g. the duckduckgo app)

Seems like the Android download manager doesn't support blob: urls.
Okay, makes sense, since it can't access the webview's DOM.

https://stackoverflow.com/questions/45165499/webview-blob-url-download-image
This guy ended up converting the file to a base64 string.
That's actually what I was doing before, but switched to the blob api because it failed for larger images.

Besides hosting the result on a backend (yeah no), I'm not sure what I can do to provide download functionality here.

Automatically resize large images

Noticed that some people try to fry images from their phone camera (why..?), which (being like 5000x5000 px) take AGES to fry.

Not a good look.

Doesn't work on safari

Seems like canvas.toBlob isn't supported on ios/pc safari: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#Browser_compatibility

What a joke.

Rewrite in typescript with promises

i mean JEEZ

LaZER EyEs DudE

L A Z È R E Y E S ! ! ! !! 111