Разное

Фон для иконок: Иконки фон — 329 бесплатных иконок

28.06.2022

Фон для иконок в Инстаграм

Фон для инстаграмма сторис


Фон для актуального в инстаграме


Стильные обложки для актуального


Модные обложки для актуального


Стильные обложки для актуального


Стильные обложки для актуального


Стильные обложки для актуального


Обложки для актуальных


Фон для актуального в инстаграме


Набор значков для актуального


Красивые обложки для актуальных


Фон для актуального в инстаграме


Бирюзовая обложка для актуального


Бирюзовая обложка для актуального


Бирюзовая обложка для актуального


Фон для актуального в Инстаграм


Обложки для актуального нежные


Фон для сторис актуальное


Яркие обложки для актуального


Фон для актуального в Инстаграм


Фон для актуального в Инстаграм


Фон для актуального в инстаграме


Стильные обложки для актуального


Для актуального обложки красота


Обложки для инстаграмма с блестками


Красивый фон для актуального в инстаграмме


Фон для актуального в Инстаграм


Фон для актуального в Инстаграм


Красивый круглый логотип


Стильные обложки для актуального


Фон на аватарку в инстаграме


Красивый логотип Инстаграмм


Актуальные наклейки


Обложка для актуальных сторис в Инстаграм


Фон для актуального в инстаграмме


Фон для актуального в инстаграме


Красивые обложки для Инстаграм


Фон для актуального в Инстаграм


Обложки для актуального голубые


Красивые обложки


Ярлыки для сторис


Фон для сторис актуальное


Обложки для актуального в Инстаграм


Фон для актуального в Инстаграм


Фон для актуального в Инстаграм


Фон для обложки сторис


Обложка для актуальных сердечко


Красивые обложки для актуальных


Актуальные наклейки


Бежевые обложки для актуального


Обложки для актуального голубые


Набор иконок для сторис


Значки для актуальных сторис в Инстаграм


Обложка для актуального цветы


Бирюзовая обложка для актуального


Фон для иконок в Инстаграм


Красивый фон для истории


Обложки для актуальных в инст


Обложки для инстаграмма розовые


Инстаграм иконка


Фон для обложек в инстаграмме


Фон для актуального Инстаграмм


Стильные обложки для актуального


Красивый фон для сторис актуальное


Обложка для актуального цветы


Дизайнерские фоны для инстаграмма


Значки для вечных сторис


Иконки в пастельных тонах


Обложки для инстаграмма в актуальное


Красивые обложки для актуальных


Обложки для инстаграмма мужские


Стильные обложки для сторис


Ава для актуального в Инстаграм


Иконки для актуального в Инстаграм зеленые


Набор иконок для инстаграмма

Как убрать раздражающую белую рамку вокруг иконок на смартфонах Samsung

Samsung, как и множество сторонних производителей смартфонов под управлением операционной системы Android, не используют «чистый» внешний вид зеленого робота, а предпочитает устанавливать свой фирменный пользовательский интерфейс. В целом то, как выглядит сейчас оболочка от южнокорейской компании, не вызывает особых нареканий у пользователей. Однако же не все знают, что он может поддаваться настройке. В частности, можно гибко изменять параметры иконок приложений на рабочем столе вашего смартфона. И сейчас мы вам расскажем, как это сделать.

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

Как избавиться от белой рамки вокруг значков

Есть несколько способов сделать это. Давайте разберем два наиболее простых метода. Они подойдут для последнего обновления пользовательского интерфейса на системе с Android 9 Pie. Однако и на старых версиях прошивки порядок действий будет схожим.

Способ 1: используйте специализированную программу

  • Загрузите приложение QuickShortcutMaker из Play Store.
  • Затем в строке поиска введите слово «Рамки» или «Icon frames».
  • Нажмите на приложение Настройки.
  • Тапните на первый пункт в списке.
  • После этого найдите опцию «только иконки» или «Icons only».
  • Теперь белые рамки вокруг значков должны исчезнуть.

Способ 2: используйте сторонний лаунчер

Для этого метода нам уже понадобится более мощный инструментарий, который ко всему прочему поможет еще и кастомизировать систему по вашему вкусу. Для этого вполне подойдет Nova Launcher.

  • После установки лаунчера, перейдите в раздел «Настройки» — «Приложения» — «Приложения по умолчанию» — «Главный экран» — выберите из списка Nova launcher.
  • Зайдите в настройки лаунчера и выберите опцию «Стиль иконок» или «Icon Style».
  • Здесь вы можете настроить анимацию, а также отключить белую рамку
    Самое интересное, что вы также можете не только избавиться от белой рамки вокруг значков, но и задать практически любую форму иконке программы.
  • Вернитесь на главный экран и наслаждайтесь проделанной работой.

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

Теги
  • Новичкам в Android
  • Смартфоны Samsung

Лонгриды для вас

Почему я не хочу покупать Google Pixel 7 и вам не советую

Вот и настал тот день, когда мы узнали, каким будет новый Google Pixel. Нельзя сказать, что мы не знали этого раньше, но теперь все точки над ”ё” расставлены окончательно. Многие даже захотели купить себе этот телефон, в том числе у нас в редакции. Например, мой коллега Иван Кузнецов уже готовится купить этот смартфон при первой возможности. Я не могу оценить его так положительно и готов отговаривать всех от покупки. По крайней мере, себе я его точно пока покупать не буду. Сейчас расскажу почему.

Читать далее

Как обновить Андроид на Xiaomi: все способы и нюансы

Если вы посмотрите на список самых популярных смартфонов в России, то обнаружите, что в лидерах уже не первый год находятся устройства Xiaomi. Китайская компания вышла на наш рынок в 2016 году, и с тех пор спрос на ее продукцию только вырос. Как и многие другие смартфоны, гаджеты Xiaomi работают на операционной системе Андроид. Вы наверняка знаете, что ее время от времени нужно обновлять. Зачем — читайте здесь, а в этом материале мы проанализируем все способы обновления Xiaomi, которыми вы можете воспользоваться в любой момент.

Читать далее

iPhone 14 еще не вышел, а Samsung его уже троллит

Как же интересно, когда в мире электроники встречается тонкий или не очень троллинг. Например, одни компании подкалывают другие, высмеивая и особенности их устройств. Чаще всего такое встречается между Apple и Samsung. При этом именно корейская компания отмечается этим больше всего. Как только выходит новый iPhone, особенно, если у него есть недостатки, пиарщики компании просто не могут пройти мимо этого и довольно оперативно снимают ролики с высмеиванием новинки. Но иногда они работают на опережение и сразу говорят о том, что не надо даже ждать новый смартфон, а можно просто купить сейчас тот Samsung, который есть на рынке в данный момент. И этот год не оказался исключением.

Читать далее

3 комментария

Новый комментарий

Новости партнеров

  • Apple превратит iPhone в бабушкофон с выходом iOS 16.2

  • ВКонтакте здорового человека. Что такое VK Мессенджер и как им пользоваться

  • Как пользоваться iCloud на Windows. Теперь это совсем просто!

  • ВКонтакте здорового человека. Что такое VK Мессенджер и как им пользоваться

Может ли значок PWA иметь прозрачный фон?

PWA может иметь прозрачный фоновый значок приложения на рабочем столе, но должен иметь непрозрачный фоновый значок приложения на мобильном телефоне

Могут ли значки PWA быть прозрачными на Android?

На Android до недавнего времени разработчикам разрешалось использовать значки приложений с прозрачным фоном. Ниже представлен домашний экран Samsung Galaxy Note 4 2014 года. Такое разнообразие форм выглядело немного неряшливо, не так ли?

Однако в последних версиях Android значки приложений были стандартизированы. Каждый значок приложения имеет одинаковый размер и форму на заданном домашнем экране. Ниже приведены примеры значков приложений на Samsung Galaxy Note S21+ (квадратные значки) и Google Pixel 6 (круглые значки).

Проблема с прозрачными иконками на Android

Сейчас Android бывает в куче вариаций, тем и производителей. У некоторых есть круглые значки, у некоторых — квадратные значки, а у некоторых — квадратные значки с очень закругленными углами.

Чтобы вам не нужно было загружать иконку для каждой отдельной вариации (только представьте себе кошмар…), производители браузеров ввели маскируемые значки. Маскируемый значок — это файл изображения со сплошным фоном и отступами по краям. Это изображение будет обрезано, чтобы соответствовать каждому конкретному поле значка приложения .

Почему Progressier автоматически добавляет фон к значкам PWA

Если вы использовали Progressier или наш инструмент для создания заставок iOS, вы могли заметить, что требуется сплошной фон. Это сделано таким образом, чтобы у вас был полный контроль над тем, как ваши значки будут выглядеть на устройствах ваших пользователей.

Если бы мы не добавили фон для вас, Android все равно добавил бы его. В большинстве случаев он будет белым. Иногда это был черный или другой более темный фон. Немного непредсказуемо.

Могут ли значки PWA быть прозрачными на iOS?

В отличие от Android, iOS никогда не поддерживала значки приложений с прозрачным фоном. На вашем iPhone и iPad все значки приложений, включая PWA, имеют сплошной фон. См. этот пример с iPhone 13 Pro Max ниже:

Могут ли значки PWA быть прозрачными на рабочем столе?

Да! К счастью, Windows, Chrome OS и macOS по-прежнему поддерживают прозрачные значки. И в большинстве случаев на рабочем столе прозрачный значок будет выглядеть лучше, чем значок со сплошным фоном. В файле манифеста приложения нет прямого собственного способа добиться этого. Однако с Progressier вы можете очень легко настроить PWA для использования двух наборов значков приложений:

  • Один со сплошным фоном для мобильных устройств (iOS, Android)

  • Один с прозрачным фоном для рабочего стола (Windows, Chrome OS, macOS)

Как использовать прозрачный значок PWA на рабочем столе?

Если вы используете Progressier, перейдите в раздел «Дизайн» > «Значки и экраны-заставки», включите Пользовательский логотип рабочего стола , а затем загрузите свой значок (рекомендуется: изображение в формате PNG 512×512 или выше). Если у него прозрачный фон, он останется таким.

Например, ниже приведен скриншот настроек Progressier для приложения Coronavirus. Progressier позаботится о том, чтобы определить, использует ли пользователь ваше PWA на мобильном или настольном компьютере, и автоматически использует правильный значок.

С этими настройками вот как это PWA выглядит на iPhone (здесь фон белый, но мы могли бы с таким же успехом сделать его любым другим цветом):

…и вот как это выглядит на Windows :

Есть вопросы или комментарии? Не стесняйтесь обращаться к [email protected] или проверить Progressier.

Контрастирование текста и значков по фону

Определение того, является ли фон темным или светлым, для выбора правильного цвета переднего плана для повышения контрастности.

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

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

Итак, нам нужен способ вычислить, насколько «темным» или «светлым» является цвет во время выполнения. Для этого мы можем использовать ColorUtils.calculateLuminance(colorInt) . Давайте напишем удобное расширение для улучшения семантики, чтобы мы могли вызывать его поверх любого ColorInt .

 весело @receiver:ColorInt Int.isDark(): Boolean =
    ColorUtils.calculateLuminance(this) < 0,5
 

Вы можете найти androidx.core.graphics.ColorUtils в androidx.core atifact. Если вы до сих пор использовали другие библиотеки AndroidX, вполне возможно, что вы уже получили эту зависимость транзитивно.

Яркость цвета

Мы считаем ColorInt темным, когда «яркость» ниже 0,5 . Это не просто произвольное число. Давайте сначала узнаем, что означает «цветовая яркость», чтобы мы могли понять выбранный порог.

Яркость — это мера, описывающая воспринимаемую яркость цвета.

Попался, это о том, как цвета воспринимаются .

Если углубиться в ColorUtils.calculateLuminance(colorInt) вы обнаружите, что он сначала преобразует цвет в

«цветовое пространство XYZ» , чтобы получить яркость.

Цветовое пространство XYZ относится к категории цветовых пространств CIE 1931, которые были созданы для отражения физиологически воспринимаемых цветов при цветовом зрении человека. Теория цвета, очевидно, гораздо более техническая, как вы можете видеть из предоставленной ссылки. Я тоже не эксперт по цветам, но, учитывая, что нас интересует, как цвета воспринимаются человеческим глазом, это цветовое пространство идеально подходит.

Эти цветовые пространства «важны при работе с цветными чернилами, дисплеями с подсветкой и записывающими устройствами, такими как цифровые камеры».

«Цветовое пространство CIE XYZ охватывает все цветовые ощущения, видимые человеку со средним зрением. Вот почему CIE XYZ (Tristimulus values) — это аппаратно-инвариантное представление цвета».

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

В цветовом пространстве XYZ второй компонент (Y) представляет относительную яркость.

При оценке относительной яркости (яркости) разных цветов в условиях хорошего освещения люди склонны воспринимать свет в зеленых частях спектра как более яркий, чем красный или синий свет равной мощности… Модель CIE извлекает выгоду из этого факта, устанавливая Y как яркость.

Единица трехцветных значений X, Y и Z часто выбирается произвольно, так что Y = 1 или Y = 100 соответствует самому яркому белому цвету, поддерживаемому цветным дисплеем.

Ну вот. Вот почему 0,5 (половина этого значения, когда мы представляем его как значение между

0 и 1 ) является идеальным пороговым значением.

Чем ближе Y к 1, тем светлее цвет воспринимается человеческим глазом. Чем ближе к 0, тем темнее.

Как вы понимаете, ColorUtils.calculateLuminance(colorInt) зависит от компонента цвета Y после его преобразования в XYZ 9цветовое пространство 0070.

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

 val color = Color.parseColor("#e91e63")
если (color.isDark()) {
    colorHex.setTextColor(R.color.white)
    favIcon.setImageResource (R.drawable.
ic_favorite_border_white_24dp) } еще { colorHex.setTextColor(R.color.black) favIcon.setImageResource(R.drawable.ic_favorite_border_black_24dp) }

И мы готовы 👍

Когда фоном является изображение

У нас есть функция для вычисления яркости по заданному цвету, но что мы можем сделать, если фоном является изображение?

Для этого мы можем украсть у Plaid несколько цветных утилит. Спасибо @crafty и остальным разработчикам Google Android за то, что поделились таким замечательным примером проекта.

Допустим, на этот раз у нас есть этот заголовок. Посмотрите на эти два варианта:

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

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

Независимо от того, какую библиотеку асинхронной загрузки изображений мы используем ( Picasso , Glide , Coil

или любые другие), всегда есть способы получить динамический доступ к загруженному Drawable / Bitmap . Библиотеки используют для этого обратные вызовы.

Как только мы получим доступ к загруженному Bitmap , мы можем сделать следующее:

частное развлечение bindFavIcon (растровое изображение: растровое изображение) {
    val iconSize = favIcon.width
    Палитра.из(растровое изображение)
        .maximumColorCount(3)
        .clearFilters()
        .setRegion(bitmap.width - iconSize, 0, bitmap.width, iconSize)
        .генерировать {палитра ->
            // Делаем что-нибудь с палитрой регионов.
        }
}
 

Мы используем палитру для извлечения цветов из Bitmap , но только для данной области . Так как наша иконка выровнена по top|end , нас будет интересовать только верхний правый угол изображения, а не все остальное, поэтому мы устанавливаем регион соответствующим образом.

Затем мы можем вызвать val lightness = ColorUtils.isDark(palette) . Обратите внимание, что в данном случае мы говорим о Plaid ColorUtils. Это не включено в AndroidX.

Этот вариант извлекает «самый густонаселенный цвет» из палитры региона, затем вызывает isDark(color) над ним. Но так как Палитра не всегда может вычислить упомянутый цвет, есть вероятность, что она вернет LIGHTNESS_UNKNOWN .

 частное развлечение bindFavIcon(bitmap: Bitmap) {
    val iconSize = favIcon.width
    Палитра.из(растровое изображение)
        .maximumColorCount(3)
        .clearFilters()
        .setRegion(bitmap.width - iconSize, 0, bitmap.width, iconSize)
        .генерировать {палитра ->
            val lightness = ColorUtils.isDark(palette) // может быть неизвестно!
            val isDark = если (яркость == ColorUtils.LIGHTNESS_UNKNOWN) {
                ...
            } еще {
                легкость == ColorUtils.IS_DARK
            }
        }
}
 

В таком случае нам нужен второй запасной вариант. Мы можем положиться на другой вариант: ColorUtils.isDark(bitmap, bitmap.width - iconSize / 2, iconSize / 2) .

Этот определяет, является ли данный Bitmap темным, и если он не может, он имеет третий запасной вариант к цвету данного пикселя ( x , y ), предоставленный в качестве второго и третьего аргументов в вызов. Мы можем передать ему полный Bitmap (не только регион) и посмотреть, повезет ли нам больше.

Вот как будет выглядеть полный фрагмент кода:

 Palette.from(bitmap)
    .maximumColorCount(3)
    .clearFilters()
    .setRegion(bitmap.width - iconSize, 0, bitmap.width, iconSize)
    .генерировать {палитра ->
        val яркость = ColorUtils.isDark (палитра)
        val isDark = если (яркость == ColorUtils.LIGHTNESS_UNKNOWN) {
            ColorUtils.isDark(bitmap, bitmap.width - размер значка / 2, размер значка / 2)
        } еще {
            легкость == ColorUtils.IS_DARK
        }
        if (isDark) { // сделать заднюю иконку темной на светлых изображениях
            favIcon.															

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *