Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
Kommentar vom Moderator masterG am 03.11.2010 um 19:37:06 Uhr
verschoben nach CSS
GELÖST

Bild aus dem Web in Originalgrösse auf A4 drucken

Frage Entwicklung CSS

Mitglied: marco1234

marco1234 (Level 1) - Jetzt verbinden

03.11.2010, aktualisiert 19:37 Uhr, 6036 Aufrufe, 11 Kommentare

Hallo!

Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei.

Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird. Wenn ich das generierte cover.jpg lokal mit einem Bildbearbeitungsprogramm öffne und drucke, habe ich genau meine benötigten Masse. Lasse ich das Bild im I-Net anzeigen (Grösse stimmt, egal welcher Browser) und wähle dann drucken, wird das Bild verkleinert und ist für mich somit unbrauchbar.

Was kann ich einstellen / programmieren, damit das Bild auch aus dem Web in Originalgrösse auf das A4 Blatt kommt?

Habe das das Bild auch schon von 72 DPI auf 500 DPI aufgestockt. Das Problem besteht aber trotzdem noch.

Danke und Gruss
Marco
Mitglied: brammer
03.11.2010 um 09:14 Uhr
Hallo,

wenn du das Bild mit einem Programmwie Irfan View öffnest, welche Bildgröße wird denn dort angezeigt ?

brammer
Bitte warten ..
Mitglied: nxclass
03.11.2010 um 10:18 Uhr
Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen. ( CSS angaben in pt oder cm)
Oder gleich das große Bild nehmen und per HTML oder CSS für die Anzeige runter skalieren.

prüfe mal: ob eine höhere DPI Zahl erzeugt wird, wenn Du das Bild in einem anderen Format speicherst (PNG oder TIFF)

EDIT: http://de.selfhtml.org/css/formate/einbinden.htm#media
Bitte warten ..
Mitglied: Florian.Sauber
03.11.2010 um 15:03 Uhr
Hallo!

Zitat von marco1234:
Ich habe ein CD Cover erstellt, dessen Daten mit PHP automatisch generiert werden. Funktioniert alles einwandfrei. Mein Problem ist jetzt einfach, dass das Bild beim Ausdrucken automatisch verkleinert wird.

Druckst Du dabei das Bild aus, indem Du es vorher seperat anzeigen lässt, oder druckst Du Seite, in der das Bild eingebettet ist aus. Ausschnitte aus dem Sourcecode wären da hilfreich.

Von was für Auflösungen bzw. absoluter Pixelanzahl /pro Seitenverhältnis sprechen wir?

Ein seperates Sylesheet fürs Drucklayout gehört, wie nxclass schon schreibt, nicht nur zum guten Ton, sondern erlaubt, soweit dies mgl ist, Kontrolle über die Darstellung.

LG Florian
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 08:18 Uhr
Hallo zusammen

Danke für eure schnellen Antworten.

Wenn ich das Bild mit einem Bildbearbeitungsprogramm (MS Picture Manager, IrfanViewer, Photoshop etc.) ist die Grösse 500 x 800 mit 500 DPI. So wie ich es eingerichtet habe.

Auf meiner Seite bzw. auf einer leeren Seite, wo nur das Bild ausgegeben wird, wird meine Cover Vorlage auch mit 500 x 800 dargestellt. Alles super!

Nur wenn ich jetzt im Browser auf Drucken... gehe bzw. per JavaScript drucke, wird meine Vorlage auf dem A4-Blatt verkleinert. Es werden ja auch automatisch Informationen, wie URL, Datum etc., aufs Blatt mitgedruckt. Das sollte aber nicht das Problem sein. Platz hätte es genug.

Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5 :-S

Vielleicht noch kurz zum Generieren des Covers. Ich habe eine Vorlage mit Photoshop erstellt. Die ganze .jpg-Datei ist 500 x 800 gross. In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover:

Beispiel:
01.
imagettftext($image,15, 0, 73, 125, $textcolor, $ttf, $producer); 
Ich muss es irgendwie schaffen, dass der Browser das Cover beim Drucken nicht verkleinert.

Ich habe übrigens ein print.css jedoch nichts für Bilder definiert.

>Du solltest ein extra CSS File zum Drucken anlegen - und dort ein Bild mit höherer Pixelzahl benutzen.

also im print.css einfach nochmals 500x800 für das Bild angeben?

01.
img#cd_cover { 
02.
  		width: 500px; 
03.
		height: 800px; 
04.
		}
thx and gr
marco
Bitte warten ..
Mitglied: nxclass
04.11.2010 um 10:23 Uhr
also im print.css einfach nochmals 500x800 für das Bild angeben?
Für den Drucker muss natürlich eine Maßeinheit genutzt werden welche auch eindeutig ist. zB. pt oder cm - mit Pixeln kann nur der Bildschirm gut umgehen.

01.
@media print { 
02.
    img#cd_cover { width: 13cm; height: 13cm; } 
03.
04.
@media screen { 
05.
    img#cd_cover { width: 500px; height: 800px; } 
06.
}
die Grösse 500 x 800 mit 500 DPI
Wenn ich das Cover lokal ausdrucke ist es genau 13x13cm. Nach dem Ausdruck im I-Net nur noch 8.5x8.5
.. da stimmt doch schon das Seitenverhältnis nicht !?

x: 500px / 500dpi = 1 inch = 2.54 cm
y: 800px / 500dpi = 1,6 inch = 4.06 cm
... also da müsste eigentlich was anderes raus kommen

EDIT:
In PHP nehme ich meine Werte und positioniere diese an den entsprechenden Orten auf dem Cover
ist das Bild dann immer noch 500dpi ? - wahrscheinlich nur 300dpi - dann könnte die Rechnung stimmen und die ca. 8cm rauskommen.
Bitte warten ..
Mitglied: marco1234
04.11.2010 um 11:22 Uhr
hi!

Danke für die Tipps!

Ja, hat funktioniert jedoch mit:

01.
img#cd_cover {  
02.
	width: 30cm; 
03.
	height: 48cm; }
Bitte warten ..
Mitglied: marco1234
05.11.2010 um 08:31 Uhr
weiss jemand von euch villeicht auch, wie man per JavaScript angeben kann, dass nur die Seite 2 gedruckt werden soll??
Bitte warten ..
Mitglied: nxclass
05.11.2010 um 10:19 Uhr
dass nur die Seite 2 gedruckt werden soll??
das wird wohl auch nur durch CSS gehen, indem Du in der print Version den Inhalt der ersten Seite unsichtbar machst.
01.
div.noprint { 
02.
    display: none; 
03.
04.
<!-- --> 
05.
<div class="noprint">Seite 1</div> 
06.
<div>Seite 2</div>
Bitte warten ..
Mitglied: marco1234
08.11.2010 um 10:12 Uhr
Geht leider nicht. Das Problem ist, dass das Cover zu gross ist und die Infozeilen verschiebt. Auf der 1. und 3. Seite steht nur ein Satz und auf der 2. ist mein Cover xD
Bitte warten ..
Mitglied: nxclass
08.11.2010 um 11:55 Uhr
Dann hilft evtl. nur eine absolute Positionierung der Elemente.
01.
div.image { 
02.
  position: absolute; 
03.
  z-index: 1; 
04.
  top: 1cm; 
05.
  left: 1cm; 
06.
}
... so dass die DIV Elemente sich überlagern können.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm
Bitte warten ..
Mitglied: marco1234
12.11.2010 um 10:09 Uhr
Bringt mir leider nichts.... :-S

Hab's jetzt so gelöst:
Das Cover wird in einem separatem Fenster angezeigt. Im Fenster onload wird der Druck gestartet. Auf meiner Hauptseite habe ich dann einfach diese Seite beim Drucklink hinterlegt.

Aufruf:
01.
<a href="print_cover.php">
Druck:
01.
<style> 
02.
img#cover {  
03.
	width: 30cm; 
04.
	height: 48cm; }	 
05.
</style> 
06.
</head> 
07.
<body onload="print();"
08.
  <div id="print"
09.
	<img src="cover.jpg"  id="cover"/> 
10.
  </div> 
11.
</body>	
Danke für eure Hilfe!
Marco
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

(1)

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
Windows Server
Google Chrome Web Store Problem auf Terminal Farm

Frage von dakoerry zum Thema Windows Server ...

Drucker und Scanner
gelöst PCL-Drucker drucken nur Hieroglyphen (5)

Frage von diwaffm zum Thema Drucker und Scanner ...

Windows Server
Drucken via RDP, Papier kommt aus falschem Schacht

Frage von torcolato zum Thema Windows Server ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
gelöst Server erkennt Client nicht wenn er ausserhalb des DHCP Pools liegt (28)

Frage von Mar-west zum Thema LAN, WAN, Wireless ...

Outlook & Mail
Outlook 2010 findet ost datei nicht (18)

Frage von Floh21 zum Thema Outlook & Mail ...

Windows Server
Server 2008R2 startet nicht mehr (Bad Patch 0xa) (18)

Frage von Haures zum Thema Windows Server ...