Назад в блог
Подборки9 мин

Примеры веб-приложений: 20 полезных сервисов, которые работают в браузере и ставятся как приложение

Примеры веб-приложений с описанием: редакторы, сжатие картинок, заметки, музыка, игры и карты. Что можно открыть в браузере и добавить на экран телефона.

Веб-приложение — это программа, которая открывается в браузере и не требует установки из магазина: редактор Photopea, сжатие изображений в Squoosh, тест скорости печати Monkeytype, Telegram Web, шахматы, карты OpenStreetMap. Многие из них можно добавить на экран телефона или компьютера, и они будут вести себя как обычные приложения. Ниже — 20 примеров из каталога PWA, сгруппированных по задачам.

Все сервисы из этой подборки есть в каталоге PWA: у каждого своя карточка с описанием, платформами и ссылкой на сайт. Бесплатность и состав функций определяет сам разработчик, поэтому условия смотрите на странице сервиса.

Чем веб-приложение отличается от обычного сайта

Грань условна, но в быту веб-приложением называют сервис, где вы что-то делаете: редактируете фото, ведёте задачи, слушаете музыку. Если у сайта есть манифест и сервис-воркер, он становится прогрессивным веб-приложением (PWA): его можно установить, он получает отдельное окно без адресной строки и частично работает без сети (MDN, web.dev). Подробный разбор — в статьях Веб-приложение: что это и Что такое PWA.

Как попробовать веб-приложение на телефоне

01

Откройте сайт в браузере

На iPhone используйте Safari, на Android — Chrome.

02

Добавьте его на экран

iPhone: «Поделиться» → «На экран „Домой“» → «Добавить». Android: меню браузера → «Установить приложение».

03

Запускайте с иконки

Так сервис открывается в отдельном окне, а на iPhone с iOS 16.4 может присылать уведомления.

Если пункта «На экран „Домой“» нет, читайте статью Нет кнопки «На экран Домой» на iPhone. Подробная инструкция для компьютеров и телефонов — в гайде Как установить PWA.

Работа с файлами и фото

СервисЧто делаетКарточка
SquooshСжимает и сравнивает изображения разными кодеками прямо в браузереSquoosh
PhotopeaОнлайн-редактор фото: эффекты, фильтры, текст, обрезка и изменение размераPhotopea
KwikPdf StudioСканирует, сжимает, объединяет и разделяет PDF; по описанию работает офлайнKwikPdf Studio
ImgKitСжимает, меняет размер и формат, редактирует изображения прямо в браузере; по описанию сервиса ничего не загружается на сервер и аккаунт не нуженImgKit

Файлы и фото

Squoosh logo
94
Продуктивность

Squoosh

Сжимает изображения разными кодеками и показывает результат рядом с оригиналом прямо в браузере.

Открытый код
Открыть
УСТАНОВКА PWA

Установить Squoosh

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Photopea logo
88
Фото и видео

Photopea

Photopea — веб-приложение в категории «Фото и видео».

Открыть
УСТАНОВКА PWA

Установить Photopea

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
KwikPdf Studio logo
94
Фото и видео

KwikPdf Studio

Сканирование, сжатие, объединение и разделение PDF-файлов в одном приложении.

Открыть
УСТАНОВКА PWA

Установить KwikPdf Studio

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
ImgKit logo
100
Фото и видео

ImgKit

Сжимайте, изменяйте размер, конвертируйте и редактируйте изображения прямо в браузере без загрузки файлов.

Открыть
УСТАНОВКА PWA

Установить ImgKit

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Задачи, фокус и учёт

СервисЧто делаетКарточка
MindoПростое приложение со списком дел: задачи, приоритетыMindo
PomominiМинималистичный таймер Pomodoro для сосредоточенной работыPomomini
SpendlessТрекер расходов и доходовSpendless
SmartCartУчёт расходов на покупки с аналитикойSmartCart

Задачи и учёт

Mindo logo
100
Продуктивность

Mindo

Простое и быстрое приложение для задач: создавайте дела, расставляйте приоритеты и планируйте день.

Открыть
УСТАНОВКА PWA

Установить Mindo

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Pomomini logo
94
Образование

Pomomini

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

Открыть
УСТАНОВКА PWA

Установить Pomomini

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Spendless - A mindful spending tracker logo
94
Финансы

Spendless - A mindful spending tracker

Осознанный трекер расходов: записывайте траты и доходы в одном месте.

Открыть
УСТАНОВКА PWA

Установить Spendless - A mindful spending tracker

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
SmartCart logo
100
Покупки

SmartCart

Учёт бюджета на покупки и запись расходов на продукты по ходу трат.

Открыть
УСТАНОВКА PWA

Установить SmartCart

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Обучение и навыки

  • [Monkeytype](/ru/apps/monkeytype) — настраиваемый тест скорости печати с минималистичным дизайном и статистикой прогресса.
  • [LoopTube](/ru/apps/looptube) — позволяет зациклить фрагмент видео с YouTube и замедлить его: удобно для разбора музыки или языка.

Обучение

Monkeytype logo
94
Дизайн

Monkeytype

Настраиваемый тест скорости печати с отслеживанием прогресса и разными режимами.

Открыть
УСТАНОВКА PWA

Установить Monkeytype

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
LoopTube logo
94
Образование

LoopTube

Зацикливайте, замедляйте и разучивайте фрагменты видео с YouTube или своих аудиофайлов с независимой настройкой тона и темпа.

Открыть
УСТАНОВКА PWA

Установить LoopTube

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Музыка и видео

СервисЧто делаетКарточка
Spotify WebВеб-версия музыкального сервиса SpotifySpotify
SoundCloudСлушать музыку и новые треки в браузереSoundCloud
FluoriteЭлегантный видеоплеер в виде PWAFluorite
OfflineTunesМузыкальный плеер для офлайн-прослушиванияOfflineTunes

Мессенджеры

Мессенджеры тоже бывают веб-приложениями. В каталоге есть Telegram Web и WhatsApp Web, которыми можно пользоваться из браузера на компьютере или телефоне. Если вы живёте в России и ищете установку на iPhone, посмотрите отдельные инструкции для MAX и ВКонтакте.

Мессенджеры

Telegram Web logo
94
Общение

Telegram Web

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

Открыть
УСТАНОВКА PWA

Установить Telegram Web

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
WhatsApp Web logo
88
Общение

WhatsApp Web

Веб-версия WhatsApp для компьютера: обмен сообщениями и файлами прямо из браузера.

Открыть
УСТАНОВКА PWA

Установить WhatsApp Web

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Игры и карты

СервисЧто делаетКарточка
MinesweeperКлассический «Сапёр» как адаптивное установочное PWAMinesweeper
Chess.comИгра в шахматы онлайн с друзьями или компьютеромChess - Play & Learn
Tower GameУкладывайте блоки и стройте самую высокую башнюTower Game
OpenStreetMapОткрытая карта мира, созданная пользователямиOpenStreetMap

Игры и карты

Minesweeper logo
100
Игры

Minesweeper

Классический «Сапёр» в браузере, который устанавливается как отдельное приложение.

Открытый код
Открыть
УСТАНОВКА PWA

Установить Minesweeper

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Chess - Play & Learn logo
82
Игры

Chess - Play & Learn

Играйте в шахматы онлайн с друзьями или против компьютера на Chess.com.

Открыть
УСТАНОВКА PWA

Установить Chess - Play & Learn

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Tower Game logo
88
Игры

Tower Game

Tower Game — веб-приложение в категории «Игры».

Открыть
УСТАНОВКА PWA

Установить Tower Game

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
OpenStreetMap logo
76
Путешествия и карты

OpenStreetMap

Бесплатная карта мира с открытой лицензией, которую создаёт сообщество участников.

Открыть
УСТАНОВКА PWA

Установить OpenStreetMap

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Ещё несколько находок из каталога

  • [GramGrid](/ru/apps/gramgrid) — словесная головоломка: нужно расставить слова из четырёх букв в сетке 3×3 так, чтобы получить заданные суммы и найти скрытое слово.
  • [Ducklings](/ru/apps/ducklings) — расслабляющая игра, где вы играете за утку и спасаете утят, уворачиваясь от лодок.
  • [SeedSort](/ru/apps/seedsort) — планирование огорода от семян до урожая.
  • [JCH](/ru/apps/jch) — настраиваемый учёт активов.

Ещё из каталога

GramGrid logo
100
Игры

GramGrid

Головоломка со словами: расставьте четырёхбуквенные слова в сетке 3x3 по суммовым целям.

Открыть
УСТАНОВКА PWA

Установить GramGrid

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
Ducklings logo
94
Игры

Ducklings

Плавайте уткой по пруду, спасайте утят, уклоняйтесь от лодок и улучшайте гнездо.

Открыть
УСТАНОВКА PWA

Установить Ducklings

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
SeedSort logo
94
Образ жизни

SeedSort

Планируйте огород и следите за ним от семян до урожая.

Открыть
УСТАНОВКА PWA

Установить SeedSort

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении
jch logo
94
Финансы

jch

Учёт активов и портфеля с настраиваемым списком позиций и историей операций.

Открытый код
Открыть
УСТАНОВКА PWA

Установить jch

Safari устанавливает PWA только с сайта самого приложения. Сначала откройте его, затем завершите установку в Safari:

  1. Откройте приложение кнопкой ниже.
  2. Выберите команду установки приложения в адресной строке или меню браузера.
  3. Подтвердите установку.
Подробнее о приложении

Веб-приложение или обычное: когда что выбирать

СитуацияВеб-приложениеПриложение из магазина
Нужно быстро попробовать сервисОткрыли ссылку — и работаетеНужно искать, скачивать, ждать установки
Мало места на телефонеЗанимает минимум: это сохранённый сайтЗанимает место под сборку и данные
Нужны обновленияВсегда актуальная версия сайтаОбновляется через магазин или самим разработчиком
Нужен доступ к системным функциямОграничен возможностями браузераПолный доступ в рамках разрешений
Приложения нет в вашем App StoreОткроется, если у сервиса есть сайтНедоступно в вашей стране или удалено

Российские веб-приложения, которые работают на iPhone без App Store

Веб-приложения особенно выручают пользователей iPhone в России: многие сервисы пропали из App Store, но остались доступны как сайты. Среди них электронный дневник pwa.kiasuo.ru, интернет-банк pwa.bspb.ru, мессенджер web.max.ru, мобильная версия ВКонтакте, веб-версия билетных сервисов РЖД и интернет-банки, сводку по которым даёт гайд Приложения банков на iPhone.

Как выбрать хорошее веб-приложение

  • Установка. Сервис предлагает установку или нормально добавляется на экран «Домой» и открывается в отдельном окне.
  • Офлайн. Для дорожных задач ищите сервисы, которые заявляют работу без сети: в нашей подборке это, например, KwikPdf Studio и OfflineTunes по описанию разработчиков.
  • Данные. Выясните, где хранятся файлы и нужен ли аккаунт; чувствительные документы лучше не загружать в незнакомые сервисы.
  • Адрес. Всегда проверяйте домен. Для банков и государственных сервисов вводите адрес вручную, а не по ссылке из сообщения.
Вы делаете сайт?

Проверьте, насколько он похож на полноценное веб-приложение, бесплатным PWA-чекером и добавьте манифест и иконки: тогда пользователи смогут установить его так же, как сервисы из этой подборки.

Больше сервисов — в каталоге PWA, а российские сервисы, которые работают на iPhone без App Store, — в статье Как установить российские приложения на iPhone без App Store.

ВОПРОСЫ И ОТВЕТЫ

Частые вопросы

Какие бывают веб-приложения?

Редакторы фото и документов, заметки и менеджеры задач, музыкальные и видеосервисы, мессенджеры, игры, карты и калькуляторы. Всё, что работает в браузере и решает конкретную задачу.

Можно ли установить веб-приложение на телефон?

Да. Откройте сайт в браузере и добавьте его на экран: на iPhone через «Поделиться» → «На экран „Домой“», на Android — через меню браузера → «Установить приложение».

Чем веб-приложение отличается от PWA?

PWA — это веб-приложение с манифестом и сервис-воркером: его можно установить, оно открывается в отдельном окне и частично работает офлайн.

Работают ли веб-приложения без интернета?

Не все. Офлайн-режим есть только у тех сервисов, где разработчик его реализовал; проверяйте описание на странице сервиса.

Безопасно ли пользоваться веб-приложениями?

Да, если открывать официальные адреса и не вводить пароли на сомнительных сайтах. Не загружайте конфиденциальные файлы в незнакомые сервисы.