Ewww image optimizer

Не зацикливайтесь на seo по картинкам

Так как большинство вебмастеров понимает пользу ранжирования сайта по картинкам, то начинают максимально к каждой добавлять ключевые слова, которые не всегда могут правильно характеризовать само изображение. Что я имею ввиду? Допустим, вы публикуете медиафайл, на котором изображено заднее стекло автомобиля и ваш ключевой запрос к этой странице автосервис в Минске, к примеру. Так вот НЕ НУЖНО в мета тегах указывать «автосервис в Минске», а укажите такое – «замена задних стекол в Минске» это будет логично и грамотно. Поисковики не дураки и умеют распознавать накрутку от естественности. Так, что будьте более естественными при оптимизаций изображений на сайте.

Журнал изменений

1.4.15

  • Fix problem related to the the constants definitions loading
  • Fix url validation problem causing bulk optimizer to hang
  • Fix conflict with File Manager plugins that use elfinder library
  • Fix WordFence false-positive related to php_uname()
  • Update api timeouts to prevent ui blocking if megaoptim api is down
  • Improved bulk optimizer. Add better error handling.

1.4.14

  • Added UI sidebar for links and other information
  • Added free tokens promo link
  • Added various responsive UI fixes
  • Fixed problem with CLI. Allow up to 10 consecutive errors before terminating bulk upload.

1.4.12

  • Performance optimizations in /wp-admin
  • Performance optimizations in the Bulk optimization process through the admin UI
  • Imrpoved WP CLI Bulk optimizer. If there is an error like «No tokens left», terminate the process completely
  • Removed confirm dialog when refreshing optimizer page for insufficient tokens

1.4.10

  • Add compatibility with PHP 8
  • Add compatibility with WordPress 5.6
  • Speed improvements to the ‘Custom Folders’ module
  • Fix fatal error in some occuasions when generating debug report.
  • Fix forever loading when «Optimize» button is pressed in Media Library list table screen in certain cases
  • Fix file naming problem when ‘#’ is present in file names
  • Ignore wp-content/uploads from ‘Custom Folders’ scan

1.4.9

  • Fix broken WebP images when both file.png.webp and file.webp exists on the server
  • Improved WebP settings UI/UX
  • Tested on WordPress 5.4

1.4.8

  • Added chunked Media Library scanning for large media libraries to prevent memory exhaustion and timeouts
  • Added error reporting for cases when there is fatal error during bulk optimization caused by third party. eg: plugin updates, etc.
  • Improved Bulk Optimizer counters
  • Improved WPCLI Bulk Optimizer command
  • Improved Bulk Folder/File Optimizer
  • Improved Bulk Media Library Optimizer
  • Improved Bulk NextGen Library Optimizer
  • Improved UI out-of-tokens signalization
  • Fixed notice title conflicts
  • Fixed several typos

1.4.6

  • Added scan filters
  • Improved Bulk Optimizer UI (Added confirmation on exit and Cancel button)
  • Improved WebP/WP Media Offload support: Detect if WebP image exist on the remote s3 bucket use it in the final markup
  • Improved WebP/WP Media Offload support: Added support for installs that use CNAME to mask the s3 bucket url.
  • Improved readme

1.4.5

  • Added compatibility for WP 5.3 «BIG Image» threshold. If Auto-Optimize is enabled AND Max Width/Height are set in the options, disable the «BIG Image» treshold
  • Fix the auto resize width/height option (was not working correctly)
  • Improved Media library table rendering
  • Improved logging function. Automatically remove log files bigger than 10 MB

1.4.3

  • Added file/directory support to command. You can now optimize files and folders by specifying path.
  • Improved file optimizer
  • Improved UI

1.4.2

  • Compatibility with WordPress 5.3
  • Improved image URL validation functionality
  • Improved public site detection functionality.

1.4.1

  • Added support for l18n standard
  • Added notice to suggest to the user to switch to list mode in the Media Library screen
  • Improved the welcome instructions screen
  • Updated usage message for wp megaoptim restore command to match the command
  • Refactored ajax security checks and added some more security hardening (thanks pluginvulnerabilities for the suggestions)
  • Added improved error reporting in the Media Library list mode

1.4.0

  • Added WP CLI command for optimizing images eg.
  • Added WP CLI command for restoring images eg.
  • Added WP CLI command for setting api key. eg.
  • Added WP CLI command for querying api tokens eg.
  • Security Improvements

1.3.2

  • Add detection to skip corrupted/unoptimized files in some unique cases of environments
  • Force HTTP 1.1 for now because of problems with some web servers.

1.3.0

  • Added Support for the Unlimited plan
  • Added Support for sub accounts
  • Revamped media library optimizer
  • Revamped nextgen library optimizer
  • Revamped retina support & WP Retina @2x integration
  • Improved optimization speed by at least 50%
  • Improved WebP support
  • Improved Settings pages
  • Improved WPEngine compatibility
  • Fixed Cloudflare purge compatibility
  • Fixed problem when auto-optimizing nextgen gallery images
  • Improved stats display when optimizing single attachment in Media Library table
  • Added detection for the child theme folder in ‘Local Folders’ optimizer
  • Fixed several typos

Как делается оптимизация картинок — 12 советов

1) Картинка должна быть уникальная. Об этом я писал в начале этого поста. Если вы думает, что поисковики не умеют определять изображения на уникальность, то вы глубоко заблуждаетесь.

Если приходится использовать заимствованные картинки, тогда старайтесь их хоть немного изменить (измените формат, размер, угол поворота или делайте коллаж).

2) Чем больше размер изображение занимает на странице, тем лучше это скажется на выдаче ее в результатах картинок.

3) Не размещайте картинки вес, у которых больше, чем 50 Кб — помните о посетителях, которые не будут тратить час драгоценного времени, пока загрузится страница.

4) Обязательно оптимизируйте логотип своего сайта или компании. Это немного сможет уберечь собственные картинки от воровства и будет играть роль рекламы домена.

5) Используйте атрибут «ALT». В данном атрибуте прописывайте альтернативное описание изображения. Именно то, что там будет написано, увидят пользователи, если выключен показ рисунков в браузере.

В данный текст, стоит включить ключевое слово, так как атрибут «alt» учитывается при ранжировании страниц.

6) Используйте атрибут «TITLE». В данном атрибуте прописывайте то, что увидят пользователи, если наведут курсор мыши на картинку. Немного изменив описание атрибута «alt» можно использовать его и в «title».

7) Не забывайте про «HEIGHT» и «WIDTH». Данные атрибуты указывают высоту и ширину изображения. Чем больше мы дадим информации поисковикам о картинке, тем лучше это скажется на выдаче.

8 ) Откажитесь от употребления анимированных картинок, если не хотите чтобы поисковики посчитали их за баннеры и не учитывали при ранжировании.

9) Текст, который окружает картинку должен включать в себя ключевые слова. Роботы Яндекса и Гугла придают больший вес тегам <H1>,<H2>,<H3> и т.д., поэтому употребление их в тексте рядом с картинками будет только плюсом.

10) Называйте изображения правильными именами. Если вы поместили изображение о ремонте компьютера, тогда и имя у такой картинки должно быть соответствующее типа «remont-kompyutera», но ни в коем случае не «16-nu» или что-то подобное.

11) Думайте о формате. Google и Яндекс воспринимают рисунки формата png и jpg, как фотографии, а формат gif, как картинки (кнопки или элементы дизайна).

12) Оптимизируйте не только картинку на странице, но и саму страницу. Чем больше вес будет иметь страница, тем больше его будет иметь и картинка.

Вот шаблон правильной оптимизации изображений:

<img title="название изображения, используя ключевое слово" src="http://seoslim.ru/wp-content/uploads/2012/05/besplatno.jpg" alt="альтернативное название с ключевиком" width="ширина в пикселях" height="высота в пикселях" />

Так как я использую wordpress, поэтому он помогает в оптимизации. При добавлении очередной картинки нужно только заполнить необходимые поля и оптимизация почти готова.

Выбираете нужное изображения и в поле «Заголовок» прописываем title картинки. В поле «Текст» пишем alt изображения. Ну а из поля «Размер» выбираем необходимый размер width и height.

Заключение

Теперь у вас не возникнет проблем, чтобы правильно сделать оптимизацию графики статей и шаблона на сайте.

Как только у меня появится немного больше свободного времени, я планирую оптимизировать картинки всех старых постов площадки.

Если есть, вопросы задавайте — помогу всем. Пока!

Преимущества оптимизации изображений

Согласно HTTP Archive, изображения занимают в среднем 21% от общего размера веб-страницы. Процесс оптимизации изображений является самым простым способом повышения производительности сайта. Но при этом большинство владельцев пренебрегают им.

Среднее количество байт на страницу (кБ)

Преимущества оптимизации графического контента:

  • Увеличение скорости загрузки страниц.
  • Улучшает SEO-показатели сайта. Большие файлы изображений замедляют работу вашего сайта, а поисковики не любят медленные ресурсы.
  • Более быстрое создание резервных копий.
  • Требуется меньше места на вашем сервере.

Что конкретно делал я

Сейчас я расскажу, какие действия проделывал я, чтобы оптимизировать картинки на своем сайте smarticle.ru

Первым шагом я зашел по фтп доступу у вручную (!) удалял все дубликаты. Ниже пример 1 картинки, которая растиражировала себя в 4-х форматах.

Изначально изображение 01_post.jpg я загрузил один раз, а места он мне занял в итоге чуть больше 72 кб. А теперь включите голову и представьте, что у вас на блоге сотни картинок…Печально, но я делал все вручную.

Путь где хранятся все ваши картинки в записях находится вот по такому адресу:

Public_html/wp-content/uploads/папки по годам/папка по месяцам

1 Public_html/wp-content/uploads/папкипогодам/папкапомесяцам

После того, как все это сделаете, переходите ко второму шагу. В нем мы будем задавать правило для добавления медиафайлов на блог. Идете в «Настройки — Медиафайлы» и ставите для миниатюр значение по нулям вот так:

Сохраняете изменения и можете тихо радоваться. Времени у вас уйдет у каждого по разному в зависимости от количества картинок. Еще раз напоминаю – НЕ СТАВИТЕ картинку как Медиафайл, т. е при загрузки должны делать вот так:

JPEGmini онлайн

JPEGmini — онлан сервис для сжатия графических файлов в формате JPEG. В JPEGmini есть одноименные программы для компьютера, в статье мы рассмотрим работу онлайн сервиса.

В окне сервиса нажмите на кнопку «Press to Upload Photos» для добавления фотографии, или перетащите изображение в специальную форму. Сервис имеет лаконичный интерфейс, нет никаких настроек.

После завершения обработки в JPEGmini, в окне сервиса отображается оригинальный размер файла, размер файла после сжатия, степень компрессии (у разных файлов разное сжатие). Поддерживается преобразование файла размером до 10 MB.

Некоторые программы, позволяющие сжать изображение онлайн

Для работы с графикой существует много приложений. В следующих главах статьи мы расскажем об алгоритме сжатия изображений, принятом в самых популярных программах. Если какое-то приложение не перечислено, принцип его действия аналогичен.

Paint и Paint.NET

Функция сжатия рисунков в paint отсутствует. Вместо нее используется инструмент изменения размера. Обычно это уменьшает вес файла, обеспечивает удобный просмотр на экранах телефона, пк.

Для этого:

  • в меню нажать «изменить размер»;
  • выбрать опцию изменения процентов или пикселей;
  • указать нужное значение. Для горизонтального снимка выбирают «пиксели», устанавливают, например, 1080 по горизонтали. Эта величина обеспечивает удобный просмотр и уменьшение файла;
  • убедиться, что отмечена опция «сохранить пропорции»;
  • кликнуть «ок».

Другой вариант — выделить нужный фрагмент, обрезать.

Аналогичные способы работают онлайн в paint.net. В этом приложении можно дополнительно выбрать опцию обрезки холста.

Photoshop, MS Office, Snagit

Adobe Photoshop уменьшает размер изображений.

Можно:

  • изменить размер снимка, отрегулировав ширину, высоту в процентах или пикселях;
  • вырезать из картинки фрагмент;
  • обрезать холст;
  • при сохранении jpeg, выбрать save as, установить качество;
  • при сохранении нажать save for web. Выбрать расширение, качественные характеристики, цвета, тип профиля, размер.

Легко использовать инструмент сжатия в стандартной утилите MS Office — MS Picture Manager. Достаточно в запущенной программе открыть картинку, на панели инструментов нажать «рисунок», выбрать «сжать рисунки». Затем указать процент преобразования, сохранить результат.

Функции компрессии нет в редакторе Snagit. Уменьшить картинку можно, только если изменить ее размеры.

Для этого необходимо:

  • открыть рисунок;
  • перейти во вкладку «инструменты», выбрать «изменить размер»;
  • установить ширину или длину;
  • нажать «сохранить пропорции»;
  • подтвердить выбор.

Caesium, FileOptimizer, RIOT, XnView, MovAvi

Инструмент сжатия в англоязычном бесплатном приложении Caesium работает так:

  • открыть одно или несколько изображений, нажав add (добавить);
  • выбрать место хранения результата;
  • кликнуть

Хороших результатов сжатия можно добиться с FileOptimizer. Англоязычная прога имеет простой интерфейс, поддерживает графические форматы, pdf, документы ms office. Чтобы запустить процесс, выбирают рисунок, кликают «optimize».

Следующая утилита для преобразования картинок  — RIOT.

Механизм работы:

  • установить на пк, запустить;
  • перейти в tools — options – general options (общие настройки), отметить две опции – save settings on exit, show captions for main toolbar buttons. Так сохраняются настройки и появляются надписи на инструментах;
  • открыть картинку, нажав «open». В левом окне откроется исходник, в правом — вариант меньшего размера.

Приложение предлагает разные настройки для разных форматов:

  • при работе с jpg выбирают качество, цветовое разрешение, прогрессивный или стандартный профиль;
  • регулировка цветов доступна для gif, png.

В утилите доступен инструмент пакетной оптимизации.

Чтобы ее запустить, нажимают «batch» и выбирают опции:

  • add images — картинки добавляются по одной;
  • add all images from folder — оптимизируются все изображения из папки;
  • add all images from folder (including subholders) — оптимизируются все изображения из папки, в том числе из подпапок.

Несколько способов оптимизации предлагают разработчики XNView:

  • изменение размера. Нажать «изображение», затем «изменение размера». Указать нужную ширину или высоту в пикселях или выбрать изменение в процентах. Нажать «сохранить пропорции»;
  • сжатие. Для этого в горизонтальном меню перейти в «инструменты», выбрать «пакетная обработка». Если нужно оптимизировать один или несколько файлов, щелкнуть по «добавить». Для изменения нескольких рисунков в папке, кликнуть «добавить папку». Перейти в «опции», в окне «коэффициент» указать процент, на который нужно пережать картинку.

Редактор MovAvi осуществляет пакетное преобразование:

  • загрузить файлы;
  • нажать «формат и качество». Установить бегунок на нужном значении;
  • задать размеры;
  • кликнуть «экспорт».

Изменение масштабов изображений

WordPress, начиная с версии 4.4, поддерживает адаптивные изображения (не уменьшенные с помощью CSS). Движок автоматически создает несколько копий изображения разного размера, загружая их в медиа-библиотеку. Используя атрибут srcset, браузеры теперь могут выбирать для загрузки файл наиболее подходящего размера, исходя из характеристик экрана устройства пользователя.

Пример кода отзывчивых изображений srcset

Медиа-библиотека WordPress создает миниатюры на основе ваших установок. Но при этом она сохраняет оригинальные изображения без изменений. Чтобы изменить размер изображений, не сохраняя оригинальные, можно воспользоваться бесплатным плагином Imsanity.

Настройка медиафайлов в WordPress

Imsanity позволяет установить ограничения для загружаемых в CMS картинок. Плагин начинает работать сразу же после загрузки изображения, еще до того как WordPress начнет его обработку.

ImageOptim

ImageOptim – это приложение для Mac и веб-сервис, в котором сочетаются все лучшие инструменты сжатия изображений для уменьшения размеров файлов изображений при сохранении наилучшего качества.

Вы можете использовать этот инструмент для настройки параметров качества, чтобы иметь полный контроль над тем, какие результаты вы получите. Он использует сжатие с потерями, предоставляя вам удобную функцию перетаскивания для загрузки и оптимизации файлов изображений JPG, GIF, SVG и PNG.

Абсолютно бесплатная загрузка и открытый исходный код. Одним из преимуществ этого инструмента по сравнению с другими является то, что он предлагает настраиваемую оптимизацию с потерями, так что вы можете сохранить высокое качество изображения при большем размере после сжатия или включить минимизацию потерь, если вы заинтересованы в получении файла наименьшего размера.

Оптимизация изображений посредством использования программы Photoshop

Запустите софт, в левом верхнем углу кликните кнопку Файл/Открыть. Выберите изображение и нажмите «Открыть». Опять выберите «Файл», а затем «Сохранить для Web…»

В открывшемся окне можно изменить ширину и высоту изображения. Для этого необходимо внести свои цифры возле буквы «Ш» (ширина) и «В» (высота). Хочу отметить, что эти параметры привязаны друг к другу. То есть, изменяя, к примеру, ширину, высота будет выставляться в соответствии с пропорциями изображения. Для изменения условий редактирования достаточно кликнуть по маленькому значку, который в текстовом редакторе обозначается как ссылка.

Для сжатия картинки выберите в верхнем правом углу подобающий формат. Я рекомендую использовать JPEG – это позволит сжать изображение практически вполовину.

 

Здесь же предусмотрена возможность изменения качества — от низкого до наилучшего. Также можно воспользоваться кнопкой «Качество», где при помощи бегунка выбрать наиболее подходящее качество.

Среди форматов, которые рекомендуют использовать поисковые системы – PNG и JPEG.

Кроме этого на сайт можно добавлять изображения формата GIF. В тех случаях, когда необходимо загрузить изображение без потери качества выберите в Фотошопе формат PNG-24.

Сразу же хочу сказать, что это оптимизация изображений без потери качества. По крайней мере, человеческий глаз не увидит никакой разницы.

В идеале размер размещенного на сайте изображения не должен превышать отметку 30 – 60 kB.

В этих целях помимо вездесущего Фотошопа можно использовать следующий бесплатный софт:

— FastStone Image Viewer.

— PhotoScape.

— Paint.

Важный момент! Перед тем как загружать изображения на сайт учтите ширину контентной части. К примеру, у меня на сайте она составляет 860 пикселей. Поэтому нет никакого смысла добавлять картинки шире.

Описание

MegaOptim is image optimization plugin and that is easy to use, stable and actively maintained by dedicated team of experts.

The plugin uses minimal resources on your server and all the heavy lifting is done by our API service on our servers. No binaries will be ever installed on your server that will slowdown your site.

We strive to make the plguin as lightweight as possible and will never bloat your dashboard with ads, notifications, upsells or run background services that will cause high CPU usage constantly. The plugin only runs when it’s really necessary.

What is image optimization and why it is important?

Image Optimization is delivering the high-quality images in the right format, dimension, size, and resolution while keeping the smallest possible size.

What features does MegaOptim offer?

  • Bulk optimization for the Media Library, NextGen, MediaPress, etc
  • Bulk optimization of Folders by your choice in your server
  • WP CLI Support for optimization and restore (bulk or single)
  • Uses progressive JPEG format for faster rendering
  • Supports WebP. Creates and serves WebP when possible
  • Supports Sub-accounts support with detailed statistics
  • Supports Backups/Restore + option to configure what to backup
  • Option to select which thumbnails to optimize
  • Option to enable/disable conversion from CMYK to RGB
  • Option to preserve/remove the EXIF/IPTC metadata
  • Option to auto-resize images to given dimensions upon optimization/upload
  • Compatible with WP Retina 2x
  • Compatible with WP Offload Media / Amazon S3
  • Compatible with CloudFlare. Purges image cache upon optimization
  • Compatible with WP 5.3+ BIG Image Threshold feature
  • Compatible with Windows/UNIX hosting environments
  • Compatible with WP Engine, SiteGround and other providers
  • Compatbile with localhost and password protected sites
  • No credits charged if %5 or less is saved per image
  • Multisite Support

How much does MegaOptim cost?

The service comes with 500 FREE images/tokens per month for everyone. We also have unlimited plan at only $9.99. Check our pricing here.

We have dedicated support team ready to help you 24/7.

  • Email
  • Twitter
  • Facebook

Почему EWWW Image Optimizer не работает

EWWW Image Optimizer requires exec()

После установки плагин может дать предупреждение

EWWW Image Optimizer requires exec() or an API key. Your system administrator has disabled the exec() function, ask them to enable it.

Это значит, что у вас на хостинге отключено исполнение exec. Делается это, как правило, для безопасности, но порой эта забота о нас выливается в подобные проблемы.

Если у вас свой сервер, тогда отправляемся в настройки php, а именно в .

Чтобы определить, где находится php.ini, можно воспользоваться функцией phpinfo(). Создаём файл в корне сайта, потом записываем туда

<?= phpinfo();?>

Сохраняем, потом открываем в браузере

Ищем строчку Loaded Configuration File

Где расопложен php.ini

Итак, у нас php.ini расположен в

Редактируем его, для чего можно воспользоваться Far Manager или putty.

В самом файле ищем строку . Это список отключенных функций php. Изымаем оттуда , и потом сохраняем.

Я, как правило, копирую оригинальную строку, затем закрываю её в комментарии, тем самым сохраняя резервную копию на всякий случай.

Включаем exec

Теперь, чтобы изменения вступили в силу, нужно перезагрузить php (Apache или php-fpm).

service apache2 restart

или

service php5-fpm restart

Всё, теперь функция работает.

Отсутствует: jpegtran, optipng, gifsicle, pngout

EWWW Image Optimizer использует jpegtran, optipng, pngout, pngquant, gifsicle и cwebp. Отсутствует: jpegtran, optipng, gifsicle, pngout. Установите отсутствующие через Настройки или Инструкции по установке.

В этом случае, Вам придётся либо написать в службу поддержки, чтобы они помогли с установкой требуемых утилит, либо, при возможности, установить их вручную.

Установка в Debian, Ubuntu

apt-get install libjpeg-progs 

Установка в Debian, Ubuntu

apt-get install optipng

Установка в Debian, Ubuntu

apt-get install gifsicle

TinyPNG

Онлайн сервис TinyPNG служит для оптимизации (сжатия) изображений в форматах PNG и JPG. Сервис имеет две идентичные страницы по разным адресам: tinypng.com и tinyjpg.com.

Откройте страницу TinyPNG, перетащите в специальную форму изображения в форматах «.pnf» и «.jpg» (можно загрузить файлы обеих форматов одновременно) со своего компьютера.

Особенности онлайн сервиса TinyPNG:

  • Поддержка форматов JPG и PNG.
  • Загрузка на сервис до 20 изображений.
  • Размер одного файла не более 5 MB.

После обработки, в окне сервиса отобразится процент сжатия и общий размер сжатых графических файлов.

При помощи ссылки «download» загрузите на компьютер готовое изображение. Обработанные изображения можно сохранить в облачное хранилище Dropbox (кнопка «Save to Dropbox»), или скачать на компьютер сразу все изображения (кнопка «Download all»). Сохраненные файлы имеют оригинальное название.

Я использую этот сервис для оптимизации изображений, которые я добавляю на свой сайт. Вначале я обрабатываю картинки в программе Photoshop: изменяю размер (соотношение сторон) изображений, оптимизирую для web, сохраняю файлы в форматах «.jpeg» и «.png».

Далее я дополнительно сжимаю изображения на сервисе TinyPNG (TinyJPG), затем скачиваю на компьютер изображения наиболее меньшего размера в форматах JPEG или PNG.

КАК РАБОТАЕТ ОПТИМИЗАЦИЯ РАЗРЕШЕНИЯ КАРТИНОК

На всех популярных сайтах перед загрузкой любого изображение изменяют его размер до того, которое реально будет видно посетителю на сайте. Уменьшенное изображение загрузится быстрее, а значит и сам сайт.

В Creatium уже встроен функционал изменения размера изображений при открытии опубликованных страниц. В зависимости от того, с какого устройства посетитель зайдет на страницу размер изображения будет разным. Чем меньше разрешение экрана, тем меньшего размера нужно изображение.

Это означает, что если загрузить изображение в оригинальном разрешении 1920x1600px и при этом её реальное разрешение на сайте будет составлять всего 1024x960px или меньше, то при открытии посетителем опубликованной страницы загрузится изображение разрешением 1024x960px или меньше, вместо оригинального 1920x1600px.

Для мобильных устройств необходим ещё меньший размер изображения, поэтому при загрузке сайта с мобильного размер станет ещё меньше.

Важно! Это работает для файлов с растровой графикой (*.png, *.jpg, *.gif), но не будет работать для файлов с векторной графикой (*.svg). SVG картинки следует вручную оптимизировать перед загрузкой на сайт

Пример сжатия растровых изображений: https://examples.creatium.site/image-resize/