[maxbmx]

Czy projektuje ktoś z Was grafiki na potrzeby stron internetowych i posiada MacBook Pro z Retiną? Właśnie odpaliłem Photoshop CS6 i layouty na 100% wyglądają nie prawdziwie - są 2x mniejsze. Czy jest jakiś sposób, aby sobie z tym poradzić? Nie chciał bym zoomować okna do 200% aby móc pracować. Dziękuję za odpowiedzi.

[Ibrachim]

W takim razie do pracy musisz zmniejszyć sobie rozdzielczość do np. 1680px w szerokości. MBPr mają większe zagęszczenie pikseli na cal, dlatego projekty w 72ppi będą wyglądać na 2x mniejsze. Wydaje mi się, że nie obejdziesz tego w inny sposób.

[maxbmx]

Mam 1440x900 (x2)

[Jet]

Też miałem ten problem. Po prostu robię ten layout, a potem go zmieszam o 50% Ma to pewne plusy, bo możesz zawsze zapisać grafiki w rozmiarze 100% i zmniejszyć je o 50% przy użyciu kodu, dzięki temu będą dobrze wyglądały na ekranach Retina

[maxbmx]

Jak chcesz zrobić border 1px to robisz 2px?

[Laupheer]

Generalnie wszystko x2, czyli też i border – choć najlepiej jest jak najmniej elementów oprzeć na grafice, a jak najwięcej na html/css – nowoczesne przeglądarki dają całkiem spore możliwości webdeveloperom, a dzięki temu i na @4x by wyglądało dobrze

[maxbmx]

Jasne, jednak jeżeli robie layout to chcę zobaczyć PNG, a nie html/css na początek. :-) No nic, widzę że są 2 drogi, albo robić 2x albo powiększać zoom do 200%. Obie drogi równie mi się nie podobają ;-) ...a wystarczyło by żeby Adobe Photoshop odpowiednio skalował przy zoomowaniu...

[Laupheer]

Generalnie podejście jest przyszłościowe pod względem grafiki Web (docelowo @2x), natomiast jeżeli chodzi o inne zastosowania Photoshopa, to im więcej pikseli się zmieści, tym lepiej. Praca na 200% będzie dokładnie tym samym, co PS na ekranie bez Retiny.

[maxbmx]

Miałem okazje porównać 2 projekty dokładnie te same 1 na MBPr i 1 na MBP i niestety przy powiększeniu 200% na retinie wygładzanie fontów działa dużo gorzej. No nic, może się przyzwyczaje :-) Do obróbki zdjęć - jasne że super mieć takie PPI co do Web Designu... średnio.

[Jet]

Nie wiem o co Ci chodzi z tym borderem. Miałem na myśli, że jak chcesz mieć obrazek w rozmiarze 200 na 300 pikseli, to zapisujesz ten obrazek jako 400 na 600, a w kodzie strony piszesz

<img src="obrazek.jpg" width="200" height="300">

Przeglądarka pod Retiną skaluje obrazki x2, więc zapisane w ten sposób obrazki będą wyświetlane w naturalnej naturalnej rozdzielczości.

[maxbmx]

Zrób border 1px w photoshopie, następnie zmniejsz layout o 50%

[loqo]

Witam kolegę z BB Projekt rób w dpi 300 i będzie dobrze(pod tablety z wysokimi dpi), a pod retine w takim dpi jakie jest na retinie

[josio]

maxbmx, pewnie już do tego doszedłeś, ale na wszelki wypadek zapytam. Testowałeś na PS CS6 z najnowszym update?

[maxbmx]

Tak, mam CS6 i najnowszy update. Ogólnie Retina jest dość słabym narzędziem do przygotowania standardowych layoutów stron. Swoją drogą i tak już coraz mniej layoutów przygotowuję w Photoshopie.

[josio]

Ja właśnie jestem przed wymianą sprzętu i siłą rzeczy będzie to retina. Zastanawiam się czy w takim wypadku nie wziąć 13' skoro i tak sensownie będzie pracować na zewnętrznym monitorze... Skoro nie w PS to w czym pracujesz przy layoutach WWW?

[maxbmx]

Jak najbardziej. Mocna 13 + zewnętrzny monitor. Ja prawdopodobnie w kolejnych wersjach przesiąde się na mocnego Air 11'' (12?) + zewnętrzny monitor.

[marcus753]

znalezione w sieci, to powinno rozwiązać sprawę: Ok. Yeah. So, I did a random google search and stumbled upon your posting. Running into this same thing. Worse, I'll screen shoot something from a website, and it'll show up in the comp I'm working on in photoshop at twice the resolution it....really is. Did a quick search through settings and don't see a place to just "use pixel values as absolute." Introducing relative values just kind of makes my brain melt from an "account for resolution" perspective. Curious if you've had any other breakthroughs. Mógłby ktoś przetestować jak wtedy działa renderowanie w photoshopie ? testowałem ostatnio ekran retina w ispocie i jednak zdjęcia na stronach renderuje fatalnie, miałem obok air-a 2013 i różnica w jakości obrazu była kolosalna na korzyść air-a...

[marcus753]

znalazłem też ciekawą grafikę która pokazuje błąd w oprogramowaniu przeglądarek renderujących strony:



po lewej retina, po prawej normalny ekran. Faktycznie jeden piksel generowany jest przez 4 tylko że z niewyjaśnionych przyczyn apple postanowiło cieniować kolory w tych 4 pikselach. Cały proces jest o wiele bardziej skomplikowany niż gdyby każdy z 4 pikseli wyświetlał taki sam kolor. Kurcze ciekawe czy są do tego jakieś łatki naprawiające bo problem niewyraźnych zdjęć można naprawdę szybko rozwiązać od strony kodu...

[Wawrzek Sawicki]

Hej

 

Zupełnie nie o to chodzi.

Jak rozumiem problem polega na tym, że w Photoshop rozdzielczość jest zbyt wysoka i projekt jest przez to mniejszy co bardzo utrudnia pracę.

Wystarczy ustawić photoshopa tak aby otwierał się w niższej rozdzielczości.

 

pozdro!

 

Aplikacja nie działa lub nie wyświetla zawartości tak, jak powinna. Co mogę zrobić w takiej sytuacji?

Spróbuj otworzyć aplikację w trybie niskiej rozdzielczości:

1. Jeśli aplikacja jest otwarta, zamknij ją.
2. W programie Finder wybierz opcję Programy w menu Idź.
3. W otwartym folderze Programy kliknij ikonę aplikacji, tak aby była wyróżniona.
4. Z menu Plik wybierz opcję Informacje.
5. Zaznacz pole wyboru obok opcji Otwórz w niskiej rozdzielczości, aby włączyć tryb niskiej rozdzielczości.
6. Zamknij okno i kliknij dwukrotnie aplikację, aby ponownie ją otworzyć.