Я не специалист, но делаю вот так:
Фотошоп, начиная с версии 7.0.
Сначала делаем всё, что надо, с исходником (уровни и т.п.). Потом уменьшаем размер в пикселях - Изображение\Размер изображения. Проверяем галку "сохранять пропорции". Ставим высоту, например, "600"\ ОК. Затем делаем Аншарп Маск: Radius - 0.5 ... 0.8 px, 50...100% (редко больше 80%). Затем Файл\Сохранить для Web. Тыкаем закладку "2-Up", cтавим галку в "Optimized", открываем тут же (круглая кнопочка) меню "Optimized", выбираем пункт "Optimize to file size" и ставим чуть меньше 150 (148, 149) - ОК .(а можно подбирать "Quality" в районе 70-90% и одновременно следить за тем, чтобы не выйти по весу за 150 Кб.) Затем - Save.

По-моему, для небольших изображений (до 800 пикселей по длинной стороне) лучше работает вот что:
Уменьшаем изображение до требуемых размеров по алгоритму "bicubic". Далее.
1) Сплющиваем ("flatten") картинку и делаем копию полученного "бэкграунда".
2) Unsharp mask с радиусом 0,2 и параметром "amount" 400-500.
3) Картинка стала черезчур жёсткой, "перешарпленной", с явными белыми контурами на мелких деталях. Чтобы избавиться от них, меняем свойства смешивания слоя. Дважды кликаем на уменьшенной картинке слоя в палитре "layers", в появившемся окне "layer style" в группе "blend if" на шкале "this layer" располовиниваем белый ползунок (удерживая "alt"). Смещаем левую "половинку" ползунка примерно до отметки 150. Точно так же "половиним" чёрный ползунок", который смещаем до значения 50.

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