Какой компьютер нужен для создания сайтов и веб-дизайна в 2022 году

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

Важно помнить:

За последние несколько лет ценник вырос почти в 2 раза, поэтому хорошая машина стоит от 80 000 ₽. Всё, что дешевле — какие-то брёвна, нет смысла их даже рассматривать. На сборку персонального компьютера также уйдёт от 80 тысяч. В таком ценовом диапазоне уже стоит задуматься о покупке техники Apple. Общий ценовой диапазон 80−130 тысяч для Windows-устройств.

На наш взгляд лидерами устройств являются: ASUS, MSI, APPLE.

Ноутбуки и моноблоки Apple много лет занимают лидирующую позицию на рынке устройств для работы. Именно для работы, речь не о компах для игр. Это самые быстрые, удобные, юзабельные машины, которые были созданы человечеством (по мнению нашего арт-директора). И дело не в понтах или бренде.

Профессии разработчика, веб-дизайнера и подобных по деятельности специалистов не сильно требовательны к железу. Поэтому рассматривать компьютеры за 500к нет смысла, достаточно базового игрового устройства для выполнения задач с одной оговоркой — упор нужен на процессор, нежели на видео-карту (если только вы не 3D-дизайнер и не рендерите гигабайты графики или видео-материалов).

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

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

Если мы говорим о процессорах Intel, то рассматривать стоит компьютеры с 10−12 поколением процессоров Core I5 или Core I7.

Найти наименования и характеристики можно на официальном сайте Intel в продукции.

Основной стек программ с которыми работает специалист — пакет Adobe, Affinity, Figma, Sketch + браузер на 100 500 вкладок. Про Google Chrome и Яндекс браузер уже можно слагать легенды — у браузеров есть потрясающий навык сжирать столько памяти, сколько вообще у вас есть. Вот как это выглядит:

Существует 2 основных вида жестких дисков.

HDD (винчестеры) с магнитной записью информации — это в прямом смысле жёсткие диски, состоящие из разных механических и магнитных внутренностей, а также главной части — металлического диска, на который записывается информация. Они долго были в ходу, но их время подходит к концу в силу скоростных возможностей. Чем выше скорость обмена информацией (чтение / запись) — тем быстрее работает компьютер. У HDD есть пределы, на текущий момент они значительно уступают SSD дискам. Отсюда разница в цене и работоспособности.

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

Видеокарты можно поделить на встроенные и дискретные. Встроенная — это видеочип, встроенный в процессор. Дискретная — это отдельный процессор, подключенный в материнскую плату компьютера и независимый от CPU.

Дискретная (отдельная) видеокарта гораздо мощнее встроенной. Она подразумевает работу с тяжёлой графикой, моушеном, анимациями и прочими радостями. Мощность дискретных — избыточна для верстки, но при использовании встроенного GPU, вы скорее всего будете замечать, что сайты с Awwwords хорошенько подтупливают на вашем компьютере.

Отсюда вывод — нужно смотреть устройства с дискретной видеокартой, а в случае сборки ПК — докупать видеокарту.

Для веб-дизайна не принципиально, будет это AMD или NVIDIA. Минимум памяти который нужен — 4 Гб. Именно видеопамяти (GPU). Этого достаточно и для кино, и для простых игр, и для нормальной работы в нескольких редакторах одновременно. если говорить о «берём с запасом», то смотрим 8 Гб. Самая распространённая на рынке ноутов NVIDIA GeForce GTX 1650 Ti 4 ГБ.

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

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

Диагональ

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

Если говорить про стационарный компьютер, то ищите мониторы вживую. Не берите ничего онлайн и по бюджету, потому что всё своё время вы будете вдуплять в экран. Если ваши глаза вытекут на стол из-за того, что вы сэкономили 5000, поверьте, вы очень пожалеете и потратите в 2 раза больше на капли и очки.

Устройства с диагональю от 22,2 до 27 дюймов наиболее удобны для работы. Не зря iMac выпускают с 27 дюймовой диагональю =). Мониторы около 27 дюймов и больше выбирают профессиональные художники, архитекторы, фотографы, проектировщики и все, кому важно высокое качество графики и большой экран. Цена на такие дисплеи 25−40 тысяч рублей. Самое комфортное соотношение сторон — 16:9. Есть 16:10, тоже ничего, 21:9 уже больше для геймеров.

Разрешение

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

Разрешение 1366×768 — наименьший порог сегодня. Такие мониторы можно сразу сжечь, выкинуть в окно, для веб-дизайнера это смерть, начиная от вытекающих глаз, заканчивая интерфейсом Figma, в котором 60% экрана составят панели инструментов и только 40% макет. Если вы хотите работать в комфортных условиях, ваш минимум 1920 на 1080. Если смотрим диагональ 27 дюймов, то лучше уже сразу 4К мониторы выбирать. Ценник будет нехилый, но оно того стоит не только из-за красоты картинки, а банально из-за здоровья глаз.

Матрица

Немаловажную роль играет матрица экрана, и это именно то, что вы должны увидеть вживую в обязательном порядке. Перекрестие разных типов матриц с разрешением и диагональю даёт супер-разные ощущения и риски усталости глаз.

● IPS — средняя по дороговизне. Хорошая цветопередача и налажены углы обзора, в целом подходит для веб-диза. Универсальный боец, но не топ.

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

● Наиболее дорогие матрицы — OLED. Контрастность, яркость и насыщенность цветов намного выше, чем в предыдущих видах. При сравнении видно, что обычная матрица даёт вместо чёрного цвета тёмно-серый. Матрица OLED показывает глубокий и насыщенный чёрный цвет. Для работы с графикой это самый лучший вариант.

Если смотрите экран побюджетнее — берите IPS, если есть финансы — смотрите OLED. Ещё есть TN-матрицы — это днище, они не подойдут для работы с графикой.

Вопрос выбора материнской платы актуален тогда, когда вы сами собираете компьютер. Фирмы производители, на которые в первую очередь стоит обратить внимание: Asus, MSI, AsRock.

Существуют несколько форм-факторов материнских карт (размеров). Смотрите всегда большие — ATX или Standart. Они наиболее универсальны и подойдут для будущего расширения возможностей персонального компьютера, например — добавить ещё дисков, добавить вторую видеокарту, встроить дополнительные модули и т. д. Средняя цена за нормальную карту 8−16 тысяч рублей. Отличие всегда в скорости шин, типе и герцовке поддерживаемой оперативной памяти, наличии определенных слотов, модулей по типу wi-fi и прочим фишкам.

Как собрать настольный компьютер самому для веб-дизайна, и так чтобы с запасом? Для этого вы можете воспользоваться конфигуратором сборки ПК. Например, у DNS есть отличный сервис для решения этих вопросов. Расписывать процесс текстом мы не стали, поэтому для самых пытливых записали видеоролик с процессом неплохой сборки компьютера для веб‑дизайнера: