Рисовалка

Как нарисовать эскиз и сохранить его картинкой

Лист с простым рисунком домика, стилус и ластик

Рисовалка превращает движения мыши, пальца или стилуса в линии на белом листе. Зажмите основную кнопку мыши или коснитесь холста, проведите штрих и отпустите. Готовый рисунок скачивается как PNG размером 1200 × 750 пикселей. Такой лист подходит для быстрого объяснения идеи, небольшого наброска, схемы для переписки или свободного рисования, когда открывать большой графический редактор дольше, чем показать саму мысль.

У кисти пять цветов и толщина от 1 до 40 px. Ластик удаляет участки уже проведённых линий, а отмена убирает последний законченный штрих целиком. Размер листа остаётся постоянным: изменение ширины окна только уменьшает или увеличивает его показ на экране. Здесь нет загрузки фотографий, слоёв и автоматического построения фигур. Если нужен симметричный орнамент из одного движения, попробуйте рисование в калейдоскопе.

Что означает толщина кисти

Значение задано в пикселях итогового файла, а не в миллиметрах бумаги и не в сантиметрах экрана. При толщине 8 px прямая линия занимает примерно восемь рядов пикселей поперёк своего направления. На краях есть сглаживание: промежуточные оттенки помогают диагоналям выглядеть плавно. Отдельное касание оставляет круглую точку с тем же диаметром. Для небольших деталей берите тонкую кисть, для крупных пятен удобнее широкая.

На телефоне лист показывается уменьшенным. Если его ширина на экране равна 300 условным пикселям, исходные 1200 px сжаты в четыре раза. Линия толщиной 12 px будет выглядеть примерно как полоса шириной 3 px в таком предпросмотре. После скачивания файл всё равно сохранит исходную сетку. Поэтому слишком тонкую линию лучше проверить в открытом PNG, а не оценивать только по маленькому холсту.

Эскизы для разных задач

Как пройти к подъезду. Возьмите синюю кисть 8 px, обозначьте дом прямоугольным контуром, затем другим цветом проведите путь от дороги. Получится один файл 1200 × 750 px, который можно прикрепить к сообщению. Не пытайтесь уместить целую карту района: схема из двух ориентиров и одного маршрута читается быстрее. Подписи здесь тоже рисуются рукой, поэтому длинный адрес лучше написать обычным текстом рядом с картинкой.

Расстановка мебели перед перестановкой. На листе с отношением сторон 8:5 наметьте стены и два крупных предмета. Для контуров можно выбрать 4 px, для предлагаемого положения дивана 10 px и другой цвет. Так видно различие текущего и будущего размещения. Эскиз передаёт идею, но не гарантирует масштаб: ширину дверного проёма и размеры мебели всё равно нужно измерить. Рисовалка не привязывает линию к сантиметрам.

Пояснение к школьной задаче. Нарисуйте треугольник, отметьте вершины точками 6 px и проведите предполагаемую высоту тонкой кистью 2 px. После скачивания остаётся тот же лист, без панели управления и кнопок. Если линия попала не туда, отмените последний штрих, а не закрашивайте её другим цветом. Рисунок объясняет расположение элементов; измерять угол по неровной линии и объявлять его точным ответом нельзя.

Небольшой рисунок с исправлением. Для облака выбрана фиолетовая кисть 12 px, но один выступ оказался лишним. Переключите инструмент на ластик и задайте 20 px: коротким движением можно убрать именно этот участок. Если вместе с ним исчезла нужная деталь, одна отмена вернёт весь последний проход ластика. Белый фон при сохранении останется белым, через исправленное место не проступит чёрная подложка просмотрщика.

Картинка для узкой колонки. Рисунок сохранён с исходной шириной 1200 px, а в макете нужна ширина 600 px. При пропорциональном уменьшении высота станет 375 px: обе стороны делятся на два. Линия 8 px превратится приблизительно в 4 px. Для такого результата сначала скачайте эскиз, затем используйте изменение размера изображения. Повторно рисовать тот же сюжет на маленьком экране не требуется.

Черновик с двумя вариантами. Нарисуйте первый вариант, скачайте его, затем подтвердите очистку и сделайте второй. Это два отдельных PNG, которые удобно сравнить рядом. Очистка удаляет все текущие линии сразу, а отмена до очистки снимает только один штрих. Если варианты важны, сохраняйте их с разными понятными именами: у скачанных файлов может оказаться одинаковое базовое название, к которому браузер добавит номер.

Почему отмена и ластик работают по-разному

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

Для одного листа доступны до 100 штрихов и 20 000 записанных точек. Это ограничение помогает не превращать короткий эскиз в тяжёлый проект. При достижении предела старые линии не исчезают: можно скачать работу, отменить лишнее или очистить лист. Частое изменение цвета само по себе штрихи не расходует. Если прервано касание или браузер отменил жест, незавершённая линия убирается, уже законченные сохраняются.

Что сохраняется в PNG

В скачанном файле находятся итоговые пиксели на белом фоне. Кнопок, подсказки «Рисуйте здесь» и истории отмены в нём нет. PNG сохраняет резкие края без потерь от сжатия с ухудшением качества, но остаётся растровой картинкой. Увеличение в несколько раз не превращает линию в векторную: на сильном приближении видна сетка пикселей. Для печатного чертежа с размерами нужен соответствующий редактор.

Линии находятся в памяти открытой страницы. Инструмент не отправляет их на сервер и не восстанавливает после перезагрузки. Перед обновлением сохраните готовый вариант. Для собственного росчерка удобнее отдельное рисование подписи: там более узкий лист и есть прозрачный фон. Если рисунок полностью стёрт, кнопка скачивания станет недоступной, пока на листе снова не появится линия.

Вопросы о линиях и готовом файле

Предпросмотр помогает рисовать, а экспорт фиксирует результат. Разница между размером окна, толщиной линии и пикселями файла особенно заметна на небольшом экране.

Можно ли рисовать без мыши?

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

Почему после увеличения окна рисунок не стал чётче?

Файл уже имеет сетку 1200 × 750 px. Увеличенное отображение делает эти пиксели заметнее, но не добавляет новых деталей. Для отправки оценивайте скачанную картинку при её обычном размере, а не на максимальном увеличении браузера.

Можно ли получить прозрачный фон?

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

Нажим стилуса меняет толщину?

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

Можно ли продолжить редактировать скачанный PNG?

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

Почему фон становится белым после работы ластиком?

Белый лист добавляется под готовые линии при сохранении. Ластик убирает чернила, а не вырезает отверстие в итоговом фоне. Поэтому даже после большого прохода ластиком PNG остаётся непрозрачной картинкой.

Нужно ли ставить подпись автора в рисунке?

Инструмент не добавляет автора, дату или водяной знак автоматически. Если такая надпись нужна для вашей работы, нарисуйте её сами либо добавьте в подходящем редакторе после скачивания. Панель управления в файл не попадает.

Есть что добавить?

Напишите своё мнение, комментарий или предложение.