У меня блестящая идея, и поскольку WordPress уже позаботился о некоторых работах, мне просто нужно найти хороший метод, чтобы сделать эту работу.
Я работаю над проектом, который должен реагировать на все устройства, будь то настольный ПК или мобильный гаджет. Поэтому я хочу, чтобы изображения также были адаптивными, а это означает, что мобильные устройства не должны загружать изображения размером более 50 КБ.
Для каждой страницы или записи я могу добавить Избранные изображения, используя Миниатюры сообщений, которые в натуральную величину имеют размер около 950x250 при ~ 60 КБ. Если я загружаю веб-сайт на iPhone / Android, я бы не хотел загружать изображение размером ~ 60 КБ, а вместо этого хотел бы, чтобы на его месте загружалась небольшая миниатюра.
Метод по умолчанию для адаптивных изображений - сделать ширину изображения равной 100% родительского контейнера, таким образом, он автоматически изменит размер, если размер родительского контейнера также изменится. Не лучший метод для больших изображений.
Я думал о том, чтобы опробовать адаптивный графический скрипт Filament Group , но я попробовал его, и он не сработал. Один из способов добиться этого - обнаружение пользовательских агентов, но я бы не стал использовать этот метод, поскольку пользовательские агенты могут быть подделаны.
Вот еще один метод изменения размера изображений на лету , но, похоже, это дублирует то, что WordPress уже сделал.
Если есть способ сделать это с изображениями Media Gallery, который WordPress имеет по умолчанию со всеми уже созданными уменьшенными эскизами, это будет предпочтительнее.