Как сделать, чтобы качество фото вот так не портилось в соц. сетях?

Да никак. У тя и так фотка не сильно качественная. Видно, что с телефона и криво зафотошопленная, вдобавок. Я сначала подумал, что у меня монитор запылился, а вот нет: это твоя фоточка ))
Ну прям качество на уровне "ультрареалистик" ))

сжимай 1200 на 817

Вы имеете в виду, что пропадают детали в превью? Потому что особого ухудшения я не вижу - естественно, маленькая фотография теряет детали, но и только. Как этого избежать? делать фотографию с крупными основополагающими деталями, которые хорошо будут видны при уменьшении. И второй момент - большинство соцсетей позволяют кадрировать малоразмерные варианты отдельно - там можно делать превью не с таким заметным уменьшением. И последний совет - не давайте сжимать основную фотографию системе, сожмите ее сами, заливайте уже минимальный вариант. Не скажу, что будет с ходу лучше, но Вы сможете контролировать детали и увидите, какие первыми исчезнут.
Это все, если я правильно Вас понял, потому что слово "портилось" не очень хорошо описывает то, что Вы хотите.

А в превью всегда картинки xреновые - ничего с этим не попишешь.

Не ставьте их туда. Используйте стороннюю платформу любого даже wap конструктора с успешным отображением. На нужный соцсайт вводите адрес расположения кадра, и сеть загрузит его сама без вашего участия. К этому добавлю, что подобное преломление в изображении выгружаемых снимков есть не редко проблема с ПО гаджета. Здесь обычно запускают сброс к заводским. Не редко сброс затем повторяют. Обычно на скачивание оно не влияет. Только на выгрузку из гаджета на сайты. Если вы пользуетесь Оперой, то проблема с качеством изображения там есть всегда. Она не постоянна и меняется в течении каждого месяца. Наиболее устойчивые браузеры к качеству файлов Хром 40 или 50-й серий, и Андроид 5.

для начала надо научиться снимать качественные фото...

Напиши уж где.
В фейсбуке, в контакте, в одноклассниках.
Они отличаются.
И ещё спроси Викторию Горскую.
Она умная