本发明涉及图片预处理技术领域，解决了现有应用于web端的图片预处理方法对计算机性能消耗过大，导致操作时出现图片粘滞的问题。技术方案概括为：应用于web端的图片预处理方法，通过div盒子模型在web端显示待处理图片，web端根据对待处理图片进行的移动、裁剪、旋转及缩放操作，实时修改div盒子模型背景图片的显示位置数据、旋转数据或缩放比例数据并保存，并实时更新显示出操作后的待处理图片，经操作得到需要的图片后，利用canvas画布根据上述保存的div数据绘制需要的图片得到最终canvas画布对象再加以保存或上传。有益效果是：本发明节约了计算机性能，使得操作时图片不会粘滞。特别适用于在web端进行图片预处理。