png

4 개의 포스트

discord

디스코드에서 커스텀 이 (새 탭에서 열림)

Discord의 커스텀 이모지는 서버 구성원이 직접 업로드해 메시지, 리액션, 사용자 지정 상태에 활용하는 이미지다. 서버별로 저장되며, 다른 서버에서 사용하려면 해당 서버에 다시 업로드하거나 Nitro가 필요하다. 현재 Discord가 이미지 크기와 형식을 자동 조정하므로 업로드가 간편하지만, 서버별 이모지 한도와 커뮤니티 가이드라인은 지켜야 한다. ## 커스텀 이모지란? - Discord의 기본 이모지와 달리 서버 커뮤니티가 직접 만들고 업로드하는 작은 이미지다. - 메시지에 삽입하거나 메시지 리액션으로 사용하고, 사용자 지정 상태에도 활용할 수 있다. - 특정 밈, 내부 농담, 친구의 사진 등 커뮤니티만의 개성을 표현하는 용도로 적합하다. - 커스텀 이모지는 업로드된 서버에 귀속된다. ## 커스텀 이모지 추가 방법 - 이모지 업로드 권한이 있는 서버에서 다음 메뉴로 이동한다. - **Server Settings > Emoji** - 권한이 있다면 데스크톱의 이모지 선택기에서 바로 업로드할 수도 있다. - 업로드한 이모지는 해당 서버 구성원이 사용할 수 있다. - 다른 서버에서 사용하려면: - 사용하려는 서버마다 직접 업로드하거나 - Discord Nitro를 구독해야 한다. ## 파일 형식과 권장 규격 Discord는 업로드 과정에서 이미지 크기 조정과 자르기를 지원하므로 과거처럼 규격을 정확히 맞출 필요는 줄었다. - 지원 파일 형식: **JPEG, PNG, GIF, WEBP, AVIF** - 권장 파일 크기: **256KB** - 초과해도 Discord가 압축한다. - 권장 이미지 크기: **128×128픽셀** - 더 크거나 작아도 업로드 가능하며, Discord가 조정한다. - 이모지 이름: - 최소 2자 이상 - 메시지에서 `:이모지이름:` 형태로 입력해 사용한다. - 예: `:joy:`, `:GiantHead:` ## 애니메이션 이모지 - 정적 이모지와 동일한 방식으로 업로드한다. - 업로드 후에는 일반 이모지와 별도로 **Animated Emoji** 영역에 표시된다. - 새로 업로드한 애니메이션 이모지를 사용하려면 Nitro가 필요하다. ## 제작 시 지켜야 할 제한 - 기술적으로는 다양한 이미지를 만들 수 있지만 Discord의 다음 정책을 따라야 한다. - Community Guidelines - Terms of Service - 저작권 및 지식재산권 정책 - 이모지는 연령 제한 콘텐츠로 지정할 수 없다. - 따라서 다음과 같은 이미지는 이모지로 허용되지 않는다. - 노골적인 성인 콘텐츠 - 그래픽한 폭력 묘사 - 연령 제한이 필요한 콘텐츠 - 직접 제작하지 않은 이미지라면 업로드 권리를 보유하고 있는지 확인해야 한다. ## 이모지를 크게 표시하는 방법 - 메시지에 일반 텍스트 없이 이모지만 입력하면 이모지가 크게 표시된다. - 한 메시지에 최대 **27개**까지 이모지를 넣을 수 있다. - 이 조건을 충족하면 모든 이모지가 큰 크기로 표시된다. - 28개 이상을 넣거나 일반 텍스트를 함께 입력하면 일반 크기로 표시된다. ## 서버별 이모지 한도 일반 서버의 기본 한도는 다음과 같다. - 일반 커스텀 이모지: **50개** - 애니메이션 커스텀 이모지: **50개** - 이 한도는 서버 전체에 적용되므로, 한 사람이 대부분을 업로드하면 다른 구성원이 추가할 공간이 줄어든다. 서버 부스트 레벨이 올라가면 한도가 증가한다. - **레벨 1**: 일반 100개, 애니메이션 100개 - **레벨 2**: 일반 150개, 애니메이션 150개 - **레벨 3**: 일반 250개, 애니메이션 250개 ## 실용적인 추천 업로드 전에는 128×128픽셀에 가깝게 이미지를 준비하고, 작은 화면에서도 표정이나 형태가 잘 보이는 단순한 디자인을 선택하는 것이 좋다. 또한 서버의 이모지 한도를 고려해 이름 규칙을 통일하고, 저작권 및 연령 제한 콘텐츠가 포함되지 않았는지 확인해야 한다.

discord

디스코드에서 나만의 (새 탭에서 열림)

Discord 스티커는 큰 이모지처럼 메시지에 감정과 강조를 더하는 기능이다. 서버에서 제공하는 스티커를 사용할 수 있으며, 서버 소유자나 `Manage Expressions` 권한이 있는 관리자는 직접 스티커를 업로드할 수 있다. 스티커는 320×320 해상도와 파일 형식·용량 제한을 지켜야 하며, 서버 부스트 수준에 따라 보유 가능한 개수가 달라진다. ## Discord에서 스티커 사용하기 - 채팅 입력창의 스티커 아이콘을 클릭하면 사용할 수 있는 스티커 목록이 열린다. - 참여 중인 서버의 스티커와 Discord가 제공하는 기본 스티커 약 300개를 확인할 수 있다. - 스티커를 클릭하면 즉시 전송된다. - `Shift` 키를 누른 채 클릭하면 현재 작성 중인 메시지에 스티커를 첨부할 수 있다. - 서버 스티커는 해당 서버 안에서 사용할 수 있다. - Nitro 회원은 자신이 속한 서버의 스티커를 다른 서버, DM, 그룹 DM에서도 사용할 수 있다. ## 스티커 업로드 권한과 경로 - 커스텀 스티커는 서버에 저장된다. - 업로드하려면 다음 중 하나가 필요하다. - Discord 서버 소유자 - `Manage Expressions` 권한을 가진 관리자 - 업로드 경로는 `Server Settings > Stickers`이다. - 이 메뉴에서 사용 가능한 슬롯, 등록된 스티커, 업로드한 관리자를 확인할 수 있다. ## 스티커 파일 요구사항 - 이미지 크기: 정확히 `320×320` 픽셀 - 정적 스티커: `PNG` - 애니메이션 스티커: `APNG` 또는 `GIF` - 최대 파일 크기: `512KB` - 관련 이모지: 스티커와 가장 유사한 이모지를 지정해야 한다. - 스티커 추천이나 검색 결과에 노출되는 데 도움을 준다. - 텍스트 설명: 선택 사항이지만 스크린 리더 사용자의 접근성을 높일 수 있다. - 모든 조건을 입력한 뒤 `Upload`를 누르면 서버 구성원이 사용할 수 있다. ## 서버 부스트와 스티커 슬롯 - 기본적으로 서버는 스티커를 최대 5개까지 등록할 수 있다. - 서버 부스트 수준에 따라 총 슬롯이 다음처럼 늘어난다. - 기본: 5개 - 부스트 단계에 따라 15개, 30개, 60개 - Nitro 회원은 서버에 사용할 수 있는 부스트 2개를 제공받는다. - 부스트가 줄어 서버 등급이 낮아지면 새 한도를 초과해 업로드한 스티커는 사용할 수 없게 된다. - 스티커를 다시 사용하려면 서버를 재부스트하거나, 현재 한도에 맞게 일부 스티커를 삭제해야 한다. ## 이미지로 스티커 만들기 - 기존 이미지를 요구사항에 맞게 편집하면 누구나 스티커를 만들 수 있다. - 단순히 이미지를 자르는 작업은 다음과 같은 기본 도구로도 가능하다. - Windows: Microsoft Paint - macOS: Preview - Discord 앱 중에는 이미지 배경을 자동으로 제거해 주는 도구도 있다. - 예시로 Picsart 앱을 이용하면 배경 제거 후 스티커를 만들 수 있다. - 모바일에서는 `320×320`으로 저장할 수 있는 사진 편집 앱이 필요할 수 있다. - 업로드 전 이미지 크기가 정확히 320×320인지 반드시 확인해야 한다. - 제작한 스티커는 Discord 커뮤니티 가이드라인을 준수해야 한다. ## 실용적인 추천 처음에는 투명 배경의 PNG 이미지를 320×320으로 맞추고, 파일 크기를 512KB 이하로 줄이는 방식이 가장 간단하다. 또한 검색과 접근성을 고려해 관련 이모지와 설명을 함께 등록하고, 여러 개를 업로드할 계획이라면 서버 부스트로 확보할 수 있는 슬롯을 먼저 확인하는 것이 좋다.

figma

Figma의 새로운 소식: (새 탭에서 열림)

Figma는 원격 협업에서도 즉흥적인 대화와 팀의 반응을 자연스럽게 주고받을 수 있도록 Figma와 FigJam에 오디오, 커서 채팅, 하이파이브 기능을 추가했습니다. 또한 스프레드시트 연동, 다이어그램 내보내기, 텍스트 편집, 붙여넣기 개선 등 실무 흐름을 간소화하는 기능도 함께 선보였습니다. 이번 업데이트의 결론은 디자인 작업과 커뮤니케이션을 별도 도구로 분리하지 않고 하나의 협업 환경 안에서 처리하도록 만드는 것입니다. ## 오디오로 실시간 협업 강화 - Figma와 FigJam 파일 안에서 버튼 한 번으로 팀원과 음성 대화를 시작할 수 있습니다. - 아이디어를 빠르게 공유하거나 질문하고, 작업 세션을 진행하거나 결과물을 발표하는 용도로 활용할 수 있습니다. - 별도의 화상회의 도구로 이동하지 않아도 파일을 보며 대화할 수 있어 협업의 흐름이 끊기지 않습니다. - Figma 데스크톱 앱에서는 오디오 내용을 실시간으로 보여주는 라이브 캡션 베타도 출시될 예정입니다. ## 커서 채팅과 하이파이브 - **커서 채팅**을 사용하면 각자의 커서에 짧은 메시지를 표시할 수 있습니다. - 발표자를 방해하지 않고 질문이나 의견을 남길 수 있습니다. - 격려나 간단한 반응을 전달하는 가벼운 커뮤니케이션 수단입니다. - **하이파이브**는 FigJam에서 협업을 마무리하거나 좋은 아이디어를 축하할 때 사용할 수 있는 반응 기능입니다. - 화상회의에서 놓치기 쉬운 고개 끄덕임이나 표정 같은 비언어적 반응을 디지털 작업 공간에 추가하려는 목적입니다. ## FigJam의 스프레드시트 데이터 연동 - 스프레드시트의 셀을 복사해 FigJam에 붙여넣으면 여러 셀을 스티키 노트로 변환할 수 있습니다. - 사용자 조사 결과나 인터뷰 데이터를 빠르게 시각화하고 정리하는 데 유용합니다. - FigJam의 스티키 노트 선택 영역은 CSV 파일로 내보낼 수 있어 후속 분석이나 데이터 공유가 가능합니다. ## FigJam 다이어그램 내보내기 - 선택한 객체 또는 전체 FigJam 파일을 PNG, PDF, JPG 형식으로 내보낼 수 있습니다. - FigJam에서 만든 다이어그램과 시각 자료를 프레젠테이션, 이메일, 문서 등 다른 커뮤니케이션 채널에 재사용할 수 있습니다. ## 텍스트 편집 기능 개선 - 글머리 기호 및 번호 매기기 목록의 줄 간격을 조정할 수 있습니다. - FigJam의 하나의 텍스트 상자, 스티키 노트, 도형 안에서 일부 문장이나 특정 줄만 선택해 서로 다른 글자 크기를 적용할 수 있습니다. - 이를 통해 긴 메모나 워크숍 결과물을 더 계층적으로 구성할 수 있습니다. ## 붙여넣기 작업 개선 - **Paste here**: 마우스 오른쪽 메뉴에서 선택하면 원하는 위치에 정확하게 붙여넣을 수 있습니다. - **Paste to replace**: 객체를 선택한 뒤 `Shift + ⌘ + V` 또는 `Shift + Ctrl + V`를 사용하면 클립보드의 콘텐츠로 해당 객체를 교체할 수 있습니다. - **Multi-paste**: 여러 프레임이나 그룹을 선택한 상태에서 `Shift + ⌘ + V` 또는 `Shift + Ctrl + V`를 사용하면 같은 콘텐츠를 동일한 위치에 한 번에 붙여넣을 수 있습니다. 이번 업데이트는 원격 환경에서 부족해진 즉각적인 소통을 보완하면서, 조사 데이터 정리와 시각 자료 재사용까지 Figma 생태계 안에서 처리하도록 개선한 사례입니다. 특히 사용자 조사에는 스프레드시트-스티키 노트 변환을, 반복적인 화면 수정에는 붙여넣기 기능을 활용하면 작업 시간을 줄일 수 있습니다.

figma

Figma 이모지 출시의 (새 탭에서 열림)

Figma는 사용자 요청이 많았던 이모지 지원을 추가하면서, 운영체제마다 다르게 표시되는 이모지 문제를 해결하고자 했다. 브라우저나 OS의 이모지 렌더링에 의존하지 않고, 개별 이모지를 64×64 컬러 PNG로 제공한 뒤 캐싱하는 방식을 선택했다. 이를 통해 플랫폼 간 일관성과 디자이너가 요구하는 시각적 품질을 모두 확보했다. ## 이모지가 제품에 필요한 이유 - 이모지는 감정, 말투, 뉘앙스를 전달하는 디지털 커뮤니케이션의 시각 언어로 자리 잡았다. - Figma에서 실제 서비스 화면을 디자인하려면 광고 문구, 메시지, 트윗 등에 사용되는 이모지도 정확히 표현할 수 있어야 했다. - 이모지 지원 부족으로 일부 팀이 Figma를 이탈할 정도로 사용자 요구가 컸다. - Mac에서는 `Control + Command + Space`, Windows에서는 터치 키보드의 이모지 아이콘으로 입력할 수 있다. ## 이모지 표준과 플랫폼별 차이 - 이모지는 1999년 일본 휴대전화 사업자가 텍스트만으로 감정을 표현하기 어렵다는 문제를 해결하기 위해 처음 만들었다. - 통신사마다 자체 이모지 세트를 사용하면서 플랫폼 간 호환 문제가 발생했다. - 2009년 Unicode Consortium이 이모지를 문자 체계에 포함하고, 각 이모지에 고유 코드 포인트를 부여했다. - 예를 들어 `U+1F355`는 피자 이모지를 의미한다. - Unicode는 코드와 기본 지침을 정의할 뿐, 구체적인 그림의 디자인은 플랫폼에 맡긴다. - 따라서 같은 이모지도 Apple, Google, Facebook, Twitter, Samsung 등에서 서로 다르게 보일 수 있으며, 감정이나 의미가 왜곡될 위험이 있다. ## Figma에서 OS 렌더링을 사용할 수 없었던 이유 - Figma는 Mac, Windows 등 여러 플랫폼에서 협업하므로 모든 사용자가 동일한 디자인을 봐야 한다. - 브라우저가 운영체제의 이모지 라이브러리를 사용하면 같은 코드가 플랫폼마다 다른 이미지로 렌더링된다. - 이는 협업 디자인 도구에서 시각적 일관성을 훼손하고, 사용자가 의도한 이모지의 의미를 바꿀 수 있다. ## Slack 방식과 한계 - Slack은 Apple 이모지를 표준으로 정하고, 모든 이모지를 하나의 대형 PNG 파일에 담아 자체 호스팅했다. - 사용자가 이모지를 선택하면 대형 이미지의 해당 영역만 표시하므로 삽입 속도가 빠르다. - 그러나 PNG 기반 방식은 확대 시 화질이 떨어지고, 저해상도 이미지가 된다. - 채팅 화면에서는 문제가 크지 않지만, 시각 품질에 민감한 디자이너가 사용하는 Figma에는 적합하지 않았다. ## Figma의 개별 PNG와 캐싱 방식 - Figma는 각 이모지를 별도의 64×64 풀컬러 PNG로 제공했다. - 처음 특정 이모지를 삽입할 때는 이미지를 불러오느라 약간의 지연이 발생한다. - 이후에는 해당 이미지를 캐시해 재사용하므로 반복 사용 시 빠르게 표시된다. - 하나의 거대한 PNG를 내려받는 대신 필요한 이모지만 관리해 메모리 효율도 높였다. - 결과적으로 Slack 방식보다 높은 해상도를 유지하면서도 플랫폼에 관계없이 동일한 이모지를 표시할 수 있었다. 사용자 요구가 제품 이탈과 직결될 수 있는 기능이라면 우선순위를 재평가해야 한다. 특히 협업·디자인 도구에서는 운영체제에 따른 렌더링 차이를 그대로 허용하기보다, 일관된 리소스 제공과 캐싱을 조합해 품질과 성능을 함께 관리하는 것이 효과적이다.