Appreciate the feedback mate! I'll definitely give it a go. Thanks a lot!

Thanks a lot mate. I've searched again on google, it turns out, the problem is with the new version of Safari 10, but it does work properly on old versions. The trick now is to find a way make them work Sierra sigh, which is literally impossible at he moment because it only supports version 10.

Thank you very much for the response. It is very insightful. I've managed to find a solution about shaving off a lot of MB for uploads. Now I'm stuck with blurry images. I take a screen shot of my templates to upload them on my portfolio page. But whenever i use pixelmator or Sketch to resize them to say around 800x600, the images really get blurry. Even if I try to start a new project with some shapes and texts, the only format that retains a good quality is the SVG format from sketch. Exporting to png or JPG lessens the quality significantly. I've seen many people doing it and their images look great except mine. I just don't know how to.

Thanks a lot mate.

I was actually looking for a pure php function. So this will definitely be a huge help. Thanks a lot.

Thanks a lot! Appreciate the response, I will definitely try it out and let you know on how it goes. The only issue I'm facing now is finding Eloquent's hasBetween functionality from the documentation. But I will keep looking. Cheers!

Totally agree with @kayandrae. Php would come out on top for all the reasons he'd mentioned.