Вместо того, чтобы пытаться проверить размеры (что было бы пустой тратой, поскольку вам почти всегда приходилось бы загружать все изображение и обрабатывать его), почему бы просто не поместить изображение в элемент <div>
и установить max-height
и max-width
стили контейнера с нужными размерами?
Другой вариант - получить изображение один раз, когда вы о нем узнаете, изменить его размер, чтобы он соответствовал вашему контейнеру, сохранить его на своем сервере и обработать его.