Как сделать preloader для картинки?
Простой способ. Если заранее известны размеры картинок, то пропишите их в атрибутах width и height у картинки, что бы даже когда картинка ещё не загрузилась она уже занимала необходимое для её отображения место.  А для элемента  добавьте css свойство добавляющее анимированную картинку бэкграунда (gif, а лучше svg) по центру.
Простой способ. Если заранее известны размеры картинок, то пропишите их в атрибутах width и height у картинки, что бы даже когда картинка ещё не загрузилась она уже занимала необходимое для её отображения место.  А для элемента  добавьте css свойство добавляющее анимированную картинку бэкграунда (gif, а лучше svg) по центру.