날씨위젯구성) 이미지 사이즈 줄이기 png to bmp 5% 줄임 및 내륙지방 날씨 아이콘만 적용 작업

최고관리자 작성
192.♡.0.1 아이피
작성일 2025.12.14 23:23

386 조회
목록

링크

https://cafe.naver.com/homestation/596 139

https://chatgpt.com/c/693ea355-79c4-8323-875f-e247c02e9736 148

첨부

날씨위젯구성) 이미지 사이즈 줄이기 png to bmp 5% 줄임 및 내륙지방 날씨 아이콘만 적용 작업

lvgl 이미지 아이콘 png to bmp 와 배경 검정으로 포토샵 작업

3232235521_1765720418.8382.png

아이콘을 포토샵으로 직접 불러오기 1

현제 파일을 저장 bmp하면

베경이 흰색으로 변경 됩니다

lvgl 의 배경이 검정색으로 날씨 이미지 출력시 검정으로 보여야 합니다

배경을 검정으로 작업

3232235521_1765720418.8382.png

아이콘을 불러온 상태에서 새로운 레이어 만들기

레이어는 배경이 없으나 bmp로 저장 하면 횐색으로 나와 검정으로 변경 작업 필요

새로운 레이어 사각형 채우기를 검정으로 변경 작업

이제 레이어 순서를 이동하여 배경을 검정으로

이제 파일을 검정으로 bmp 파일로 save as 로 저장 합니다

3232235521_1765721404.8332.png

기본으로 저장 되면 베경이 검정으로 변경 됩니다

다음 아이콘 불러오기 반복작업은 이배경을 이용할려면

다음 아이콘 불러오기

검정색 레이어를 복사 이동

2️⃣ 레이어 복제

메뉴:
Layer → Duplicate Layer
Destination:
- Document: 대상 파일 이름 선택 >> 파일이름을 선택
OK

➡ 대상 파일에 레이어 복사됨

📌 장점:

위치 정확
실수 적음

3232235521_1765723309.9462.png

마지막 open 파일에 복사 >> 마지막 파일로 이동 아이콘 레이어 순서조정 >> bmp저장

image:
  - id: sunny_img
    file: "images/weather/sunny.bmp"  ###
    type: RGB565

  - id: cloudy_img
    file: "images/weather/cloudy.bmp" ##
    type: RGB565

  - id: rainy_img
    file: "images/weather/rainy.bmp" ##
    type: RGB565

  - id: snowy_img
    file: "images/weather/snowy.bmp"  ##
    type: RGB565

  - id: lightning_img
    file: "images/weather/lightning_rainy.bmp"
    type: RGB565

  - id: exceptional_img
    file: "images/weather/exceptional.bmp"
    type: RGB565

# ################## -------------------------------------------------------------------
# text_sensor:
  - platform: homeassistant
    id: weather_status
    entity_id: ${entity_id_weather_wn_home}
    on_value:
      then:
        - lvgl.image.update:
            id: img_weather_main
            src: !lambda |-
              const std::string &w = x;

              // 맑음 계열
              if (w == "sunny" || w == "clear-night") {
                return id(sunny_img);
              }

              // 구름 계열
              if (w == "cloudy" || w == "partlycloudy" || w == "sunny-off") {
                return id(cloudy_img);
              }

              // 비 계열
              if (w == "rainy" || w == "pouring") {
                return id(rainy_img);
              }

              // 눈 계열
              if (w == "snowy" || w == "snowy-rainy") {
                return id(snowy_img);
              }

              // 번개 / 폭우 계열
              if (w == "lightning" || w == "lightning-rainy") {
                return id(lightning_img);
              }

              // 기본값
              return id(exceptional_img);

위젯 구성

                    - image:
                        id: img_weather_main
                        src: exceptional_img # exceptional_img
                        x: 0
                        y: 0
                        align: TOP_LEFT
                        antialias: true
                        zoom: 0.8
                        styles: style_time
                        bg_opa: TRANSP