使用 Node.js 实现图片的动态裁切

背景&概览

目前常见的图床服务都会有图片动态裁切的功能,主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。

一张动辄以 MB 为计量单位的原始大图,通常不会只设置一下显示尺寸就直接输出到终端中,因为体积太大加载体验会很差,除了影响加载速度还会增加终端设备的内存占用。所以要想在各种终端下都能保证图片质量的同时又确保输出合适的尺寸,那么此时就需要根据图片 URL 来对原始图片进行裁切,然后动态生成并输出一张新的图片。

阅读全文 »

浅谈摄影作品站的架构

背景

2011 年的时候拥有了人生第一部相机,喜欢上了摄影,坚持摄影拍片也有好几年了,积累了一些作品。

在 360 做图搜的时候萌生了要开发一个自己的摄影作品站的念头,开始动工是在 2015 年加入美团的时候,当时并不急着把网站做出来,光是在产品和技术设计上就花了不少时间,断断续续的开发直到 2018 年初网站才上线。

上线时整理这几年的摄影作品时才感觉能拿得出手的作品并不多,不过摄影作品以后会慢慢积累,毕竟摄影于我来说已经是不可或缺的兴趣爱好了。

概览

麻雀虽小,五脏俱全,虽是一个小的图片主题的网站,该有的后台服务都要有,像图床服务、评论等。除了看不到的后台服务,前端的交互体验也很重要,像是多端的适配等都需要仔细打磨体验。以下是摄影作品站的简单的架构图。

接下来我会展开来做简单的介绍。

阅读全文 »