Я перевожу блог с сотнями фотографий высокой четкости на Gatsby.js, где я буду обрабатывать их с gatsby-image
и gatsby-plugin-sharp
.
Фотографии изначально были JPG высокого качества.,Обычно один файл может иметь размер около 20-25 МБ.
Я мог бы разрешить резкую обработку этих больших файлов, но это:
- значительно замедлит время сборки
- makeмой каталог с исходными изображениями очень тяжелый (и более дорогой при размещении на AWS)
Например, фотография на собственном Gatsby Использование Gatsby Image, пример сайта (из Unsplash) былаоптимизировано до 414kb в источнике (2400x3659 px), в отличие от 3.2mo для исходного файла на Unsplash (6871x10474 px).
Какие предварительные-обработать я должен делать фотографии, прежде чем размещать их в моей исходной директории для обработки резким?Я не хочу оптимизировать слишком много , так как Sharp позаботится об этом лучше, чем я.